.comp-toggle.size-m .on,.comp-toggle.size-s .on {
	padding-left: 12px
}

.comp-toggle.size-m .off,.comp-toggle.size-s .off {
	padding-right: 12px
}

.apps-app-devices .members-devices,.apps-app-devices table {
	table-layout: fixed
}

@font-face {
	font-weight:300;font-style:normal;font-family:'Roboto Slab';src:local("Roboto Slab Light"),local("RobotoSlab-Light"),url(roboto-slab-300.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face {
	font-weight:400;font-style:normal;font-family:'Roboto Slab';src:local("Roboto Slab Regular"),local("RobotoSlab-Regular"),url(roboto-slab-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face {
	font-weight:700;font-style:normal;font-family:'Roboto Slab';src:local("Roboto Slab Bold"),local("RobotoSlab-Bold"),url(roboto-slab-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(DXI1ORHCpsQm3Vp6mXoaTQ7aC6SjiAOpAWOKfJDfVRY.woff2) format("woff2");unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(DXI1ORHCpsQm3Vp6mXoaTRdwxCXfZpKo5kWAx_74bHs.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(DXI1ORHCpsQm3Vp6mXoaTZ6vnaPZw6nYDxM4SVEMFKg.woff2) format("woff2");unicode-range:U+1F00-1FFF
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(DXI1ORHCpsQm3Vp6mXoaTfy1_HTwRwgtl1cPga3Fy3Y.woff2) format("woff2");unicode-range:U+0370-03FF
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(DXI1ORHCpsQm3Vp6mXoaTfgrLsWo7Jk1KvZser0olKY.woff2) format("woff2");unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url("LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff" 2) format("woff2");unicode-range:U+1F00-1FFF
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url("xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff" 2) format("woff2");unicode-range:U+0370-03FF
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(k3k702ZOKiLJc3WVjuplzA7aC6SjiAOpAWOKfJDfVRY.woff2) format("woff2");unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(k3k702ZOKiLJc3WVjuplzBdwxCXfZpKo5kWAx_74bHs.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(k3k702ZOKiLJc3WVjuplzJ6vnaPZw6nYDxM4SVEMFKg.woff2) format("woff2");unicode-range:U+1F00-1FFF
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(k3k702ZOKiLJc3WVjuplzPy1_HTwRwgtl1cPga3Fy3Y.woff2) format("woff2");unicode-range:U+0370-03FF
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(k3k702ZOKiLJc3WVjuplzPgrLsWo7Jk1KvZser0olKY.woff2) format("woff2");unicode-range:U+0102-0103,U+1EA0-1EF1,U+20AB
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff2) format("woff2");unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
	font-family:'Open Sans';font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000
}

.comp-toggle {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: 0;
	border-radius: 18px
}

.comp-toggle .off,.comp-toggle .on {
	width: 50%;
	display: inline-block;
	text-align: center;
	color: #FFF;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 0
}

.comp-toggle.toggle-off {
	background-color: #505556
}

.comp-toggle.toggle-off .on {
	opacity: 0
}

.comp-toggle.toggle-off .off,.comp-toggle.toggle-on .on {
	opacity: 1
}

.comp-toggle.toggle-on {
	background-color: #1E90FF
}

.comp-toggle i,.comp-toggle.size-m i {
	display: inline-block;
	background: #FFF;
	border-radius: 50%;
	position: absolute
}

.comp-toggle.toggle-on .off {
	opacity: 0
}

.comp-toggle.disabled {
	opacity: .5
}

.comp-toggle i {
	-webkit-transition: left .3s;
	transition: left .3s
}

.comp-toggle.size-m {
	height: 36px;
	width: 72px;
	font-size: 0
}

.comp-toggle.size-m .off,.comp-toggle.size-m .on {
	font-size: 14px;
	line-height: 36px
}

.comp-toggle.size-m.toggle-on i {
	left: 40px
}

.comp-toggle.size-m i {
	width: 28px;
	height: 28px;
	left: 4px;
	top: 4px;
	-webkit-transition: left .3s;
	transition: left .3s
}

.comp-toggle.size-s {
	height: 30px;
	width: 60px;
	font-size: 0
}

.comp-toggle.size-s .off,.comp-toggle.size-s .on {
	font-size: 12px;
	line-height: 30px
}

.comp-toggle.size-s.toggle-on i {
	left: 34px;
	height: 22px;
	width: 22px
}

.comp-toggle.size-s i {
	width: 22px;
	height: 22px;
	left: 4px;
	top: 4px
}

.navbar-transparent {
	position: absolute;
	top: 0;
	z-index: 3;
	margin-bottom: 0;
	padding: 18px 0;
	width: 100%;
	border: 0;
	text-align: right
}

.navbar-transparent .navbar-brand {
	padding: 0 15px 0 30px;
	height: 44px;
	color: #fff;
	font-size: 24px;
	line-height: 44px;
	cursor: pointer;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.navbar-transparent .navbar-brand i {
	display: block
}

.navbar-transparent .navbar-right {
	margin-right: 0
}

.navbar-transparent .navbar-nav>li>a {
	margin-left: 20px;
	padding: 0;
	width: 44px;
	height: 44px;
	border: 1px solid #313639;
	border-radius: 50%;
	background-color: #313639;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	line-height: 44px;
	cursor: pointer;
	position: relative
}

.navbar-transparent .navbar-nav>li>a .icon-face {
	font-size: 22px;
	line-height: 44px
}

.navbar-transparent .navbar-nav>li>a:focus {
	background-color: #313639
}

.navbar-transparent .navbar-nav>li>a:hover:before {
	content: attr(nav-title);
	position: absolute;
	top: 130%;
	border-radius: 3px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	padding: 8px 12px;
	background-color: rgba(255,255,255,.2);
	color: #fff;
	font-size: 12px;
	line-height: 16px
}

.navbar-transparent .navbar-nav>li>a:hover:after {
	content: ' ';
	height: 0;
	width: 0;
	border-bottom: 7px solid rgba(255,255,255,.2);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	position: absolute;
	top: 130%;
	margin-top: -7px;
	left: 50%;
	margin-left: -7px
}

.navbar-transparent .navbar-nav {
	float: none;
	display: inline-block;
	vertical-align: top
}

.navbar-transparent .fade-out li {
	opacity: 0
}

.navbar-transparent .navbar-nav>li {
	-webkit-transition: all .25s;
	transition: all .25s
}

.navbar-transparent .navbar-nav>li:first-child:hover>a {
	border-color: #1E90FF;
	background-color: #1E90FF;
	color: #FFF
}

.navbar-transparent .navbar-nav>li:nth-child(2):hover>a {
	border-color: #1181cd;
	background-color: #1181cd;
	color: #FFF
}

.navbar-transparent .navbar-nav>li:nth-child(3):hover>a {
	background-color: #313639;
	text-decoration: none
}

.navbar-transparent .navbar-nav>li:nth-child(3):hover .user-dropdown,.navbar-transparent .navbar-nav>li:nth-child(3):hover .user-dropdown .arraw {
	display: block
}

.navbar-transparent .dropdown {
	color: #fff;
	display: inline-block;
	vertical-align: top;
	z-index: 98;
	line-height: 39px;
	cursor: pointer;
	font-size: 0
}

.navbar-transparent .dropdown>div {
	padding: 0 16px
}

.navbar-transparent .dropdown ul {
	display: none
}

.navbar-transparent .dropdown>div>i {
	padding: 0 3px;
	font-size: 30px;
	display: inline-block;
	vertical-align: middle
}

.navbar-transparent .dropdown .navbar-bracket,.navbar-transparent .dropdown .navbar-bracket li {
	display: inline-block;
	padding: 0;
	vertical-align: middle
}

.navbar-transparent .dropdown>div>i:before {
	display: inline-block;
	vertical-align: middle
}

.navbar-transparent .dropdown>div>i:last-child {
	padding-right: 0
}

.navbar-transparent .dropdown .navbar-bracket {
	overflow: hidden;
	margin: 0;
	list-style: none;
	white-space: nowrap
}

.navbar-transparent .dropdown .navbar-bracket li a {
	margin-left: 8px;
	margin-right: 8px
}

.navbar-transparent .dropdown .navbar-bracket li:last-child>i {
	display: none
}

.navbar-transparent .dropdown .navbar-bracket li i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-color: red;
	pointer-events: none;
	margin: 0 12px 7px -1px;
	font-size: 16px;
	top: 12px
}

.navbar-transparent .dropdown .navbar-bracket li a {
	position: relative;
	display: inline-block;
	margin-top: 0;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: .4px;
	font-weight: 500
}

.navbar-transparent .dropdown .navbar-bracket li a:after {
	position: absolute;
	bottom: 4px;
	z-index: 2;
	display: block;
	width: 100%;
	border-bottom: 1px solid #fff;
	content: ' ';
	opacity: 0;
	-webkit-transition: all .25s;
	transition: all .25s
}

.navbar-transparent .dropdown .navbar-bracket li a:hover:after {
	opacity: 1
}

.fade-out,.navbar-transparent .dropdown:hover~li,.navbar-transparent .show-bracket>li:first-child,.navbar-transparent .show-bracket>li:nth-child(2),.navbar-transparent .show-bracket>li:nth-child(3) {
	opacity: 0
}

.navbar-transparent .dropdown .navbar-bracket li.signup a {
	line-height: 30px;
	border-radius: 50px
}

.navbar-transparent .dropdown .navbar-bracket li.signup a:after {
	bottom: 0
}

.navbar-transparent .dropdown .navbar-bracket .signup-background a {
	padding: 0 20px;
	background-color: #000;
	color: #fff
}

.navbar-transparent .dropdown .navbar-bracket .signup-background a:after {
	content: none;
	display: none
}

.navbar-transparent .user-dropdown {
	display: none;
	position: absolute;
	top: 50px;
	left: -20px;
	border: 1px solid #979797;
	border-radius: 5px;
	background-color: #fff;
	width: 120px
}

.navbar-transparent .user-dropdown ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.navbar-transparent .user-dropdown ul .arraw {
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	border-top: 1px solid #979797;
	border-left: 1px solid #979797;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #fff;
	top: -10px;
	left: 50px
}

.navbar-transparent .user-dropdown li {
	padding: 0 8px
}

.navbar-transparent .user-dropdown li a {
	text-align: center;
	color: #505556;
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid #e3e8e9
}

.navbar-transparent .user-dropdown li a:hover {
	color: #0fb4aa;
	text-decoration: none
}

.navbar-transparent .user-dropdown li:last-child a {
	border-bottom: 0
}

.navbar-transparent .dropdown,.navbar-transparent .navbar-brand,.navbar-transparent .navbar-nav li a {
	-webkit-transition: all .5s;
	transition: all .5s
}

.navbar-transparent.navbar-black {
	z-index: 14
}

.navbar-transparent.navbar-black .navbar-brand {
	color: #000
}

.navbar-transparent.navbar-black .navbar-nav li a:hover:before {
	content: attr(nav-title);
	background-color: #313639
}

.navbar-transparent.navbar-black .navbar-nav li a:hover:after {
	content: ' ';
	height: 0;
	width: 0;
	border-bottom: 7px solid #313639;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent
}

.navbar-transparent.navbar-black .dropdown,.navbar-transparent.navbar-black .dropdown ul li a,.navbar-transparent.navbar-black .dropdown ul li a:after {
	border-color: #000;
	color: #000
}

.page-Pricing .menu-toggle,.page-docs .menu-toggle,.page-plaza .menu-toggle,.page-support .menu-toggle,.page-tools .menu-toggle,body>menu {
	color: #fff
}

.menu-toggle {
	cursor: pointer;
	z-index: 999;
	position: absolute;
	right: 25px;
	top: 25px;
	font-size: 24px
}

.alert-bar,body>menu {
	position: fixed;
	width: 100%
}

@media screen and (min-width:768px) {
	.menu-toggle {
		display: none
	}
}

body>menu {
	z-index: 4;
	display: none;
	margin: 0;
	padding: 80px 0 0;
	height: 100%;
	background: rgba(0,0,0,.8)
}

body>menu ul {
	margin: 0;
	padding: 0;
	height: 100%;
	list-style: none
}

body>menu ul li {
	display: block;
	text-align: right
}

body>menu ul li a {
	display: inline-block;
	padding: 12px 20px;
	color: #FFF;
	font-size: 20px;
	-webkit-transition: all .25s;
	transition: all .25s;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	text-decoration: none
}

body>menu ul li a:hover {
	text-decoration: none;
	color: #1E90FF
}

body>menu .show li:first-child a {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: none;
	transform: none
}

body>menu .show li:nth-child(2) a {
	-webkit-transition-delay: .08s;
	transition-delay: .08s;
	-webkit-transform: none;
	transform: none
}

body>menu .show li:nth-child(3) a {
	-webkit-transition-delay: .12s;
	transition-delay: .12s;
	-webkit-transform: none;
	transform: none
}

body>menu .show li:nth-child(4) a {
	-webkit-transition-delay: .16s;
	transition-delay: .16s;
	-webkit-transform: none;
	transform: none
}

body>menu .show li:last-child a {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transform: none;
	transform: none
}

.alert-bar {
	z-index: 999;
	top: 0;
	height: 80px;
	background-color: #f85835;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	color: #fff
}

.alert-bar.ng-hide {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.alert-bar.ng-hide-remove.ng-hide-remove-active {
	display: block !important;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.alert-bar .action {
	position: relative;
	float: right;
	right: 0;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	cursor: pointer
}

.alert-bar .action:after,.alert-bar .action:before {
	content: ' ';
	position: absolute;
	width: 24px;
	height: 2px;
	background-color: #fff;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.alert-bar .action:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.alert-bar .inner {
	height: 80px;
	padding: 20px 140px;
	line-height: 40px;
	font-size: 16px;
	text-align: center
}

.cover,.dialog-mask {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%
}

.alert-bar .inner p {
	margin-bottom: 0
}

.dialog-mask {
	z-index: 999;
	background-color: rgba(0,0,0,.7);
	width: 100%;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.dialog-modal {
	position: fixed;
	z-index: 999;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 600px;
	padding: 40px 40px 100px;
	background-color: #fff;
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s
}

.dialog-modal .title {
	margin: 0 0 30px
}

.dialog-modal .actions {
	position: absolute;
	z-index: 1000;
	bottom: 0;
	right: 0;
	padding: 0 40px 40px;
	text-align: right;
	width: 100%
}

.dialog-modal .actions .btn {
	border-radius: 40px;
	min-width: 80px
}

.cover {
	z-index: 12;
	width: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .5s ease;
	transition: .5s ease
}

.drag-cover,.drag-cover .panel {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff
}

.cover.ng-hide {
	opacity: 0
}

.cover.ng-hide-remove.ng-hide-remove-active {
	opacity: 1
}

.dragover .drag-cover {
	opacity: 1;
	pointer-events: none
}

.drag-cover {
	z-index: 999;
	opacity: 0;
	-webkit-transition: all .25s;
	transition: all .25s;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	pointer-events: none
}

.drag-cover .panel {
	z-index: 1000;
	margin-left: 0;
	margin-bottom: 0;
	box-shadow: none;
	margin-top: 0;
	padding: 60px;
	text-align: center;
	border-radius: 0;
	-webkit-transition: background-color .5s;
	transition: background-color .5s
}

.drag-cover .panel-upload-tip {
	left: 50%;
	top: 50%;
	width: 880px;
	height: 476px;
	border: 2px dashed #a9b1b3;
	border-radius: 24px;
	padding: 110px 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: scale(1) translate(-50%,-50%);
	transform: scale(1) translate(-50%,-50%)
}

.drag-cover .panel-upload-tip i {
	font-size: 120px;
	height: 120px
}

.drag-cover .panel-upload-tip p {
	margin-top: 67px;
	font-size: 18px
}

.drag-cover .panel-upload-tip b {
	margin-top: 23px;
	font-size: 26px;
	color: #1E90FF;
	font-weight: 400
}

.drag-cover .panel-upload-tip.ng-hide,.drag-cover .panel-upload-tip.ng-hide-add.ng-hide-add-active {
	opacity: 0
}

.drag-cover .cancel-upload {
	position: absolute;
	top: 0;
	right: 0;
	height: 100px;
	width: 100px;
	text-align: center;
	cursor: pointer;
	color: #bdc6c7
}

.drag-cover .cancel-upload i {
	font-size: 40px;
	line-height: 100px
}

.drag-cover .panel-appinfo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 720px;
	margin-top: -235px;
	margin-left: -360px;
	height: auto;
	opacity: 1;
	-webkit-transition: all .45s;
	transition: all .45s
}

.drag-cover .panel-appinfo form .form-fields .btn[disabled],.drag-cover .panel-appinfo.ng-hide,.drag-cover .panel-uploading.ng-hide {
	opacity: 0
}

.drag-cover .panel-appinfo .errors {
	margin: 40px 0 0;
	padding: 12px 0;
	text-align: left;
	color: #1E90FF;
	font-size: 16px
}

.drag-cover .panel-appinfo form {
	text-align: left
}

.drag-cover .panel-appinfo form .icon {
	width: 140px;
	height: 100px;
	text-align: center
}

.drag-cover .panel-appinfo form .icon img {
	max-width: 100%;
	border-radius: 17.54%;
	width: 100px;
	height: 100px
}

.drag-cover .panel-appinfo form .icon span {
	display: block;
	text-align: center;
	margin-top: 20px
}

.drag-cover .panel-appinfo form .form-fields {
	padding-left: 200px
}

.drag-cover .panel-appinfo form .form-fields .btn {
	min-width: 200px;
	margin-top: 40px;
	background-color: transparent;
	border: 1px solid #bdc6c7;
	color: #bdc6c7;
	border-radius: 40px;
	padding: 12px
}

.drag-cover .panel-appinfo form .input-group {
	border-top: 1px solid #d0d4d5
}

.drag-cover .panel-appinfo form .input-group .input-group-addon {
	border-color: transparent;
	background-color: transparent;
	min-width: 90px;
	text-align: left;
	padding-left: 0;
	color: #a3b1b4
}

.drag-cover .panel-appinfo form .input-group .form-control-static {
	color: #9ba5a7;
	padding: 14px;
	cursor: not-allowed
}

.drag-cover .panel-appinfo form .input-group .form-control {
	border-color: transparent;
	height: auto;
	box-shadow: none;
	padding: 14px
}

.drag-cover .panel-appinfo form .changelog {
	border-bottom: 1px solid #bdc6c7
}

.drag-cover .panel-appinfo form .changelog textarea.form-control {
	height: 100px;
	resize: none
}

.drag-cover .panel-appinfo form .changelog .input-group-addon {
	padding-top: 18px;
	vertical-align: top
}

.drag-cover .panel-appinfo.ng-hide-remove.ng-hide-remove-active {
	opacity: 0;
	margin-top: -135px
}

.drag-cover .panel-uploading {
	background: url(cloud-line.png) 0 90% repeat-x #1E90FF;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-animation: cloud-float 2s linear;
	animation: cloud-float 2s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.drag-cover .panel-uploading .plane-wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -164px;
	margin-left: -328px;
	width: 656px;
	height: 328px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.drag-cover .panel-uploading .plane-wrapper .plane {
	width: 100%
}

.drag-cover .panel-uploading .plane-wrapper .rotate-container {
	position: absolute;
	top: 51.7003%;
	left: 13.1%;
	display: inline-block;
	width: 27.424%;
	height: 14.4474%;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-animation: rotating .2s linear infinite reverse;
	animation: rotating .2s linear infinite reverse
}

.drag-cover .panel-uploading .plane-wrapper .propeller {
	width: 100%;
	-webkit-transform: rotateY(-28deg);
	transform: rotateY(-28deg)
}

.drag-cover .panel-uploading .plane-wrapper .upload-progress {
	position: absolute;
	bottom: -38%;
	font-size: 40px;
	color: #1b1b1b;
	left: 50%;
	width: 100px;
	text-align: center;
	margin-left: -50px
}

.drag-cover .panel-uploading.ng-hide .plane-wrapper {
	left: 100%;
	margin-left: 0
}

.drag-cover .panel-uploading.ng-hide-remove.ng-hide-remove-active {
	opacity: 1
}

.drag-cover .panel-uploading.finished .plane-wrapper {
	left: -656px;
	margin-left: 0
}

.file-droped {
	opacity: 1;
	pointer-events: initial;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@-webkit-keyframes rotating {
	0% {
		-webkit-transform: rotate(0) rotateY(-20deg);
		transform: rotate(0) rotateY(-20deg)
	}

	50% {
		-webkit-transform: rotate(180deg) rotateY(-20deg);
		transform: rotate(180deg) rotateY(-20deg)
	}

	100% {
		-webkit-transform: rotate(360deg) rotateY(-20deg);
		transform: rotate(360deg) rotateY(-20deg)
	}
}

@keyframes rotating {
	0% {
		-webkit-transform: rotate(0) rotateY(-20deg);
		transform: rotate(0) rotateY(-20deg)
	}

	50% {
		-webkit-transform: rotate(180deg) rotateY(-20deg);
		transform: rotate(180deg) rotateY(-20deg)
	}

	100% {
		-webkit-transform: rotate(360deg) rotateY(-20deg);
		transform: rotate(360deg) rotateY(-20deg)
	}
}

@keyframes cloud-float {
	0% {
		background-position: 0 90%
	}

	100% {
		background-position: -100% 90%
	}
}

.components-upload-card .card {
	cursor: pointer;
	height: 460px;
	background-color: #fff;
	padding: 0;
	-webkit-transition: all .25s;
	transition: all .25s
}

.components-upload-card .card .dashed-space {
	height: 100%;
	background-color: #1E90FF;
	color: #fff
}

.components-upload-card .card .dashed-space table {
	width: 100%;
	height: 100%
}

.components-upload-card .card .dashed-space i {
	font-size: 80px;
	color: #fff;
	display: block;
	margin-bottom: 20px;
	-webkit-transition: all .25s;
	transition: all .25s
}

.components-upload-card .drag-state span:first-child {
	display: block
}

.components-upload-card .drag-state span:last-child,.components-upload-card.dragover .drag-state span:first-child {
	display: none
}

.components-upload-card .card:hover,.components-upload-card.dragover .card {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	box-shadow: 0 15px 30px rgba(0,0,0,.1)
}

.components-upload-card .card:hover .dashed-space i,.components-upload-card.dragover .card .dashed-space i {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.components-upload-card.dragover .drag-state span:last-child {
	display: block
}

.text-danger {
	color: #ec4242
}

button:active,button:focus,button:focus:active,input:active,input:focus,input:focus:active,textarea:active,textarea:focus,textarea:focus:active {
	outline: 0
}

.appicon {
	overflow: hidden;
	border-radius: 17.544%
}

.tooltip-component,.tooltip-top:after,.tooltip-top:before {
	position: absolute;
	left: 50%;
	opacity: 0;
	-webkit-transition: all .25s;
	transition: all .25s;
	-webkit-transform: translateX(-50%) scale(.6);
	transform: translateX(-50%) scale(.6);
	pointer-events: none
}

.tooltip-top:before {
	bottom: calc(100%+6px);
	z-index: 4;
	content: ' ';
	-webkit-transform: translateX(-50%) translateY(-10px) scale(.6);
	transform: translateX(-50%) translateY(-10px) scale(.6);
	height: 0;
	width: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #000
}

.tooltip-top:after {
	position: absolute;
	bottom: calc(100%+12px);
	left: 50%;
	z-index: 3;
	display: block;
	padding: 4px 10px;
	border-radius: 3px;
	background-color: #000;
	color: #fff;
	content: attr(tooltip);
	white-space: pre;
	font-size: 12px;
	text-align: left
}

.btn-alternative,.btn-positive {
	background-color: transparent;
	cursor: pointer
}

.back-top i,.footer .footer-content .new-ui-ctrls,.gift-top {
	text-align: center
}

.tooltip-top:hover:after,.tooltip-top:hover:before {
	opacity: 1;
	-webkit-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1)
}

.btn-positive {
	padding: 4px 10px;
	border: 1px solid #9b9b9b;
	border-radius: 17px;
	color: #9b9b9b
}

.btn-red,.btn-red:focus,.btn-red:hover {
	color: #fff
}

.btn-alternative {
	padding: 4px 18px;
	border: 1px solid transparent;
	border-radius: 20px
}

.btn-red {
	background-color: #e2644c;
	border-color: #e2644c
}

.application-loader {
	position: fixed;
	z-index: 200000000;
	width: 100%;
	height: 100%;
	background-color: #fff
}

.application-loader .center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%)
}

.application-loader span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #639;
	-webkit-animation: scale 1s linear infinite;
	animation: scale 1s linear infinite
}

.application-loader span:first-child {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.application-loader span:nth-child(2) {
	-webkit-animation-delay: .15s;
	animation-delay: .15s
}

.gift-top {
	line-height: 40px;
	margin: 0;
	background-color: #fee14f;
	color: #434343;
	position: relative;
	font-weight: 500;
	max-height: 0;
	-webkit-transition: max-height .3s;
	transition: max-height .3s;
	overflow: hidden
}

.gift-top a {
	color: currentColor;
	text-decoration: none
}

.gift-top.show {
	max-height: 40px
}

.gift-top .icon {
	color: #9b9b9b
}

.gift-top .icon-cake {
	font-size: 18px
}

.gift-top .icon-cross {
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer
}

.gift-top .icon-cross:hover {
	color: #434343
}

.back-top {
	position: fixed;
	z-index: 99999;
	right: 26px;
	bottom: 80px;
	opacity: 0;
	pointer-events: none
}

.back-top i {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #1E90FF;
	border-radius: 40px;
	line-height: 40px;
	cursor: pointer;
	box-shadow: 0 8px 14px -2px rgba(0,0,0,.1)
}

.back-top i:before {
	content: ' ';
	display: inline-block;
	margin-top: 17px;
	width: 14px;
	height: 14px;
	border: 1px solid #fff;
	border-right-color: transparent;
	border-bottom-color: transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: center;
	transform-origin: center
}

.back-top.appear {
	opacity: 1;
	pointer-events: all
}

.navbar-wrapper,.navbar-wrapper .middle-wrapper {
	position: relative
}

.footer .footer-content {
	max-width: 1024px;
	margin: 0 auto
}

.footer .footer-content ul {
	margin: 0;
	padding: 0
}

.footer .footer-content ul li a {
	color: #6e6e6e;
	text-decoration: none
}

.footer .footer-content .navbar-footer li a {
	line-height: 30px
}

.footer .footer-content .new-ui-ctrls .leave-new-ui,.footer .footer-content .new-ui-ctrls .share-new-ui {
	display: inline-block;
	margin: 0 12px
}

.footer .footer-content .new-ui-ctrls .leave-new-ui a,.footer .footer-content .new-ui-ctrls .share-new-ui a {
	text-decoration: none;
	font-size: 12px;
	padding: 6px 12px;
	display: inline-block;
	border-radius: 4px;
	cursor: pointer
}

.footer .footer-content .new-ui-ctrls .leave-new-ui a {
	border: 1px solid #1E90FF;
	background-color: transparent;
	color: #1E90FF
}

.footer .footer-content .new-ui-ctrls .share-new-ui a {
	border: 1px solid #1E90FF;
	background-color: #1E90FF;
	color: #fff
}

@-webkit-keyframes scale {
	0%,100% {
		opacity: 0;
		-webkit-transform: scale(.4);
		transform: scale(.4)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes scale {
	0%,100% {
		opacity: 0;
		-webkit-transform: scale(.4);
		transform: scale(.4)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.middle-wrapper {
	margin: 0 auto;
	width: 1024px
}

.navbar-wrapper {
	border-bottom: 1px solid rgba(208,208,208,.3);
	background-color: #fff;
	font-size: 0
}

.navbar-wrapper .navbar-header-wrap {
	position: relative;
	background-color: #fff
}

.navbar-wrapper .navbar-header-wrap.showNavbar {
	z-index: 1000
}

.navbar-wrapper .icon-angle-right {
	display: inline-block;
	margin-left: 12px;
	color: #d9d9d9;
	vertical-align: middle;
	font-size: 16px;
	line-height: 30px;
	-webkit-transition: .25s;
	transition: .25s;
	pointer-events: none
}

.navbar-wrapper .site-nav-close {
	position: absolute;
	top: 0;
	width: 70px;
	height: 80px;
	background-color: #fff;
	text-align: center;
	line-height: 80px;
	cursor: pointer
}

.navbar-wrapper .icon-cross {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin-top: 2px;
	vertical-align: middle;
	font-size: 20px;
	-webkit-transition: all .25s;
	transition: all .25s;
	-webkit-transition-delay: .05s;
	transition-delay: .05s;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.navbar-wrapper nav {
	padding: 25px 0
}

.navbar-wrapper .avatar-dropdown {
	float: right;
	padding: 16px 0 16px 20px;
	width: 170px;
	height: 80px;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	text-align: right;
	line-height: 80px;
	cursor: pointer
}

.navbar-wrapper .avatar-dropdown img {
	float: left;
	width: 48px;
	height: 48px
}

.navbar-wrapper .avatar-dropdown .email,.navbar-wrapper .avatar-dropdown .name {
	display: block;
	padding-left: 64px;
	text-align: left;
	font-size: 12px;
	line-height: 20px
}

.navbar-wrapper .avatar-dropdown .email span,.navbar-wrapper .avatar-dropdown .name span {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.navbar-wrapper .avatar-dropdown .name {
	margin-top: 5px;
	color: #4a4a4a;
	font-size: 14px
}

.navbar-wrapper .avatar-dropdown:hover {
	border-right: 1px solid rgba(208,208,208,.5);
	border-left: 1px solid rgba(208,208,208,.5);
	background-color: #fdfdfd
}

.navbar-wrapper .avatar-dropdown:hover .dropdown-menus {
	display: block
}

.navbar-wrapper .dropdown-menus {
	position: absolute;
	top: 80px;
	right: 0;
	z-index: 999;
	display: none;
	width: 170px;
	text-align: left;
	font-size: 14px;
	line-height: 20px
}

.navbar-wrapper .dropdown-menus ul {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(208,208,208,.5);
	list-style: none
}

.navbar-wrapper .dropdown-menus ul li {
	display: block
}

.navbar-wrapper .dropdown-menus ul li a {
	display: block;
	padding: 12px 32px;
	border: 1px solid rgba(208,208,208,.5);
	border-bottom-color: transparent;
	background-color: #fdfdfd;
	color: #9b9b9b;
	text-decoration: none
}

.navbar-wrapper .dropdown-menus ul li a:hover {
	color: #4a4a4a
}

.navbar-wrapper .navbar-title {
	vertical-align: middle;
	font-size: 24px;
	display: inline-block;
	overflow: hidden
}

.navbar-wrapper .navbar-title i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 30px
}

.navbar-wrapper .logo {
	font-weight: bold;
	position: relative;
	z-index: 3;
	margin: 0 0 2px;
	background-color: #fff;
	font-size: 30px;
	line-height: 28px;
	cursor: pointer;
	-webkit-transition: all .25s;
	transition: all .25s
}

.navbar-wrapper .logo:hover {
	color: #4a4a4a
}

.navbar-wrapper .primary-title,.navbar-wrapper .secondary-title {
	margin-left: 18px;
	font-size: 20px;
	line-height: 24px;
	-webkit-transition: all .25s;
	transition: all .25s
}

.navbar-wrapper .primary-title {
	text-decoration: none;
	-webkit-transition-delay: .05s;
	transition-delay: .05s
}

.navbar-wrapper .primary-title a {
	color: #9b9b9b;
	text-decoration: none
}

.navbar-wrapper .primary-title a:hover {
	color: #4a4a4a
}

.navbar-wrapper .secondary-title {
	display: inline-block;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.page-apps .card.app .action a,.page-apps .card.app .appname,.page-apps .card.app table tr td>span {
	max-width: 100%;
	word-wrap: normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.navbar-wrapper .site-nav {
	position: absolute;
	left: 80px;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 20px;
	opacity: 0;
	pointer-events: none
}

.navbar-wrapper .site-nav li {
	margin-left: 16px;
	line-height: 32px;
	-webkit-transition: all .25s;
	transition: all .25s;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	pointer-events: none
}

.navbar-wrapper .site-nav li a {
	color: #9b9b9b;
	text-decoration: none
}

.navbar-wrapper .site-nav li a:hover {
	color: #4a4a4a
}

.navbar-wrapper .site-nav li:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.navbar-wrapper .site-nav li:nth-child(2) {
	-webkit-transition-delay: .02s;
	transition-delay: .02s
}

.navbar-wrapper .site-nav li:nth-child(3) {
	-webkit-transition-delay: .04s;
	transition-delay: .04s
}

.navbar-wrapper .site-nav li:nth-child(4) {
	-webkit-transition-delay: .06s;
	transition-delay: .06s
}

.navbar-wrapper .site-nav li:last-child {
	-webkit-transition-delay: .08s;
	transition-delay: .08s
}

.site-nav-appear .icon-angle-right {
	opacity: 0
}

.site-nav-appear .primary-title,.site-nav-appear .secondary-title {
	opacity: 0;
	-webkit-transform: scal(.5);
	transform: scal(.5)
}

.site-nav-appear .site-nav-close {
	z-index: 3;
	opacity: 1
}

.site-nav-appear .icon-cross {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.site-nav-appear .logo {
	z-index: 2;
	opacity: 0;
	pointer-events: none
}

.site-nav-appear .site-nav {
	opacity: 1
}

.site-nav-appear .site-nav li {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	pointer-events: initial
}

.page-apps {
	padding-top: 30px;
	background-color: #ffffff
}

.page-apps .filter-group {
	margin-bottom: 30px
}

.page-apps .row-apps-top {
	margin-bottom: 5px;
	height: 100px;
	font-family: 'Roboto Slab',"Helvetica Neue",Helvetica,Arial,sans-serif
}

.page-apps .card.app .action a,.page-apps .card.app .appname,.page-apps .card.app table tr td,.upload-modal .state-form .release-body .input-addon {
	font-family: 'Open Sans',sans-serif
}

.page-apps .row-apps-top>div {
	height: 100%
}

.page-apps .row-apps-top .banner-column {
	height: 100%;
	display: block;
	text-decoration: none;
	position: relative;
	padding: 12px 20px;
	color: #434343;
	font-size: 20px;
	line-height: 24px
}

.page-apps .row-apps-top .banner-column:after {
	width: 2px;
	height: 70px;
	background-color: #fabb00;
	position: absolute;
	left: 0;
	top: 15px;
	top: calc(50% - 35px);
	content: " ";
	display: inline-block
}

.page-apps .row-apps-top .banner-column:focus {
	text-decoration: none
}

.page-apps .row-apps-top .banner-column:hover {
	text-decoration: none;
	color: #fff;
	background-color: #1E90FF
}

.page-apps .row-apps-top .banner-column:hover:after {
	display: none
}

.page-apps .row-apps-top .banner-column>div:first-child {
	margin-bottom: 4px
}

.page-apps .row-apps-top .banner-column i {
	line-height: 1
}

.page-apps .row-apps-top .banner-join-us {
	font-size: 18px
}

.page-apps .row-apps-top .banner-join-us .font-en {
	font-size: 20px
}

.page-apps .row-apps-top .banner-fir {
	font-size: 17px
}

.page-apps .row-apps-top .banner-fir .font-en {
	font-size: 20px
}

.page-apps .row-apps-top .banner-blog,.page-apps .row-apps-top .banner-flow,.page-apps .row-apps-top .banner-weekly {
	font-size: 17px
}

.page-apps .row-apps-top .banner-flow:hover {
	background-color: #556af8
}

.page-apps .row-apps-top .banner-weekly small {
	font-size: 15px
}

.page-apps .row-apps-top .banner-weekly .font-en {
	font-size: 18px
}

.page-apps .row-apps-top .banner-bagevent {
	font-size: 16px
}

.page-apps .row-apps-top .banner-bagevent .swift-logo {
	color: #fb7b3e;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.page-apps .row-apps-top .banner-bagevent .swift-logo>img {
	border-radius: 50%;
	padding: 4px;
	height: 28px;
	background-color: #f6f6f6;
	width: 28px;
	margin: 0 4px
}

.page-apps .row-apps-top .banner-bagevent .ipartner-swift {
	font-size: 14px
}

.page-apps .row-apps-top .banner-deveco,.page-apps .row-apps-top .banner-qiniu {
	font-size: 17px
}

.page-apps .row-apps-top .banner-bagevent:hover {
	background-color: #fb7b3e
}

.page-apps .row-apps-top .banner-bagevent:hover .swift-logo {
	color: #fff
}

.page-apps .row-apps-top .banner-bagevent:hover .swift-logo>img {
	background-color: #fff
}

.page-apps .row-apps-top .banner-deveco .icon {
	margin-right: 8px
}

.page-apps .row-apps-top .banner-deveco .ipartner {
	display: inline-block;
	height: 16px;
	margin-top: 4px;
	width: 70px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(partners/deveco.svg)
}

.page-apps .row-apps-top .banner-deveco:hover {
	background-color: #626363
}

.page-apps .row-apps-top .banner-deveco:hover .ipartner {
	background-image: url(partners/deveco-white.svg)
}

.page-apps .row-apps-top .banner-qiniu .ipartner {
	font-size: 20px
}

.page-apps .row-apps-top .banner-qiniu:hover {
	background-color: #00a6e0
}

.page-apps .notice-container {
	margin: 0 0 40px;
	padding: 20px;
	border: 1px solid #fff;
	background-color: #fff
}

.page-apps .card.app .appicon img,.page-apps .card.app .combo-info img {
	border-radius: 17.54%
}

.page-apps .notice-container .media .pull-left {
	padding-right: 18px
}

.page-apps .notice-container a {
	cursor: pointer
}

.page-apps .container-fluid {
	padding: 15px 0 0
}

.page-apps .container-fluid .col-md-4 {
	margin-bottom: 30px
}

.page-apps .components-upload-card .upload-guied {
	position: absolute;
	right: -260px;
	top: 180px;
	display: none
}

.page-apps .components-upload-card .upload-guied span {
	cursor: default;
	font-size: 18px;
	padding-left: 30px;
	font-weight: 700
}

.page-apps .components-upload-card .upload-guied img {
	position: absolute;
	left: 0;
	top: 30px;
	-webkit-transform: rotate(-150deg);
	transform: rotate(-150deg)
}

html[lang=en] .page-apps .components-upload-card .upload-guied {
	right: -340px
}

.page-apps .components-upload-card.center-card {
	display: block;
	margin: 0 auto 0 230px;
	float: none
}

.page-apps .components-upload-card.center-card .upload-guied {
	display: block
}

.page-apps .card.app {
	position: relative;
	padding: 44px;
	height: 460px;
	border: 1px solid #f1f1f1;
	background-color: #fff;
	-webkit-transition: all .25s;
	transition: all .25s
}

.page-apps .card.app:hover {
	-webkit-transform: translateY(-4px);
	transform: translateY(-4px);
	box-shadow: 0 15px 30px rgba(0,0,0,.1)
}

.page-apps .card.app .type-icon {
	position: absolute;
	top: 9px;
	right: 7px;
	z-index: 2;
	color: #fff
}

.page-apps .card.app .type-mark {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

.page-apps .card.app .type-mark i {
	position: absolute;
	top: 9px;
	right: 7px
}

.page-apps .card.app .appicon {
	display: inline-block;
	width: 100px;
	height: 100px;
	cursor: pointer
}

.page-apps .card.app .appname {
	margin-top: 36px;
	font-size: 18px;
	cursor: pointer;
	display: inline-block
}

.page-apps .card.app .appname i {
	color: #1E90FF;
	font-size: 16px;
	margin-right: 6px
}

.page-apps .card.app:hover .appname {
	color: #4a4a4a
}

.page-apps .card.app .combo-info {
	display: inline-block;
	margin-left: 26px;
	vertical-align: bottom
}

.page-apps .card.app .combo-info i {
	margin-right: 14px;
	font-size: 20px
}

.page-apps .card.app table {
	width: 100%;
	table-layout: fixed
}

.page-apps .card.app table tr td {
	padding: 2px 0;
	font-size: 12px
}

.page-apps .card.app table tr td>span {
	display: inline-block
}

.page-apps .card.app table tr td:last-child {
	color: #1a1a1a;
	width: 58%
}

.page-apps .card.app table .text-active {
	cursor: pointer
}

.page-apps .card.app .action {
	position: absolute;
	padding: 40px 0 40px 40px;
	left: 0;
	bottom: 0;
	width: 100%
}

.page-apps .card.app .action a {
	text-decoration: none;
	border: 1px solid;
	text-align: center;
	padding: 8px 20px;
	margin-right: 4px;
	border-radius: 40px;
	color: #9b9b9b;
	-webkit-transition: all .25s;
	transition: all .25s;
	display: inline-block
}

.page-apps .card.app .action a:hover {
	color: #1E90FF
}

.page-apps .card.app .action a i {
	font-size: 18px;
	margin-right: 4px;
	display: inline-block;
	vertical-align: middle
}

.page-apps .card.app .action a .icon-pen {
	font-size: 16px
}

.page-apps .card.app .action .btn-remove {
	font-size: 0;
	border: 1px solid;
	background: 0;
	padding: 10px;
	border-radius: 50%;
	vertical-align: top
}

.page-apps .card.app .action .btn-remove i {
	font-size: 16px
}

.page-apps .card.app .action .btn-remove:hover {
	background-color: #ec4242;
	color: #fff
}

.page-apps .card-android .type-mark {
	height: 0;
	width: 0;
	border-top: 48px solid #1E90FF;
	border-left: 48px solid transparent
}

.page-apps .card-ios .type-mark {
	height: 0;
	width: 0;
	border-top: 48px solid #1E90FF;
	border-left: 48px solid transparent
}

.page-apps .card.card-invite .sponsor {
	margin-top: 36px
}

.page-apps .card.card-invite .appname {
	margin-top: 0
}

.page-apps .card.card-invite .appname,.page-apps .card.card-invite .sponsor {
	color: #4a4a4a
}

.page-apps .card.card-invite .actions {
	margin-top: 20px
}

.page-apps .card.card-invite .actions button {
	display: block;
	padding: 8px;
	width: 120px;
	border: 1px solid #4a4a4a;
	border-radius: 20px;
	background-color: transparent
}

.page-apps .card.card-invite .actions button:first-child {
	position: absolute;
	bottom: 44px;
	margin: 0;
	background-color: #4a4a4a;
	color: #fff
}

.page-apps .card.card-invite .actions button:last-child {
	position: absolute;
	bottom: 44px;
	left: 170px;
	border-color: transparent
}

.page-apps .card.card-invite .actions button:last-child:hover {
	color: #4a4a4a
}

.filter-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.filter-set .filter,.filter-set .split {
	display: inline-block;
	float: left;
	vertical-align: middle
}

.filter-set {
	border: 1px solid;
	border-radius: 26px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	overflow: hidden
}

.filter-set .filter {
	padding: 10px 20px;
	font-size: 20px;
	cursor: pointer
}

.filter-set .filter.active {
	background-color: #1E90FF;
	color: #fff
}

.filter-set .split {
	width: 1px;
	height: 48px;
	background-color: #9b9b9b;
}

.filter-set .filter:first-child {
	padding-right: 16px
}

.filter-set .filter:last-child {
	padding-left: 16px
}

.search-form {
	position: relative;
	margin-left: 40px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

.search-form i {
	position: absolute;
	top: 16px;
	left: 18px;
	font-size: 18px;
	cursor: pointer
}

.search-form input {
	padding: 14px 18px 14px 50px;
	width: 87%;
	border: 1px solid #9b9b9b;
	border-radius: 26px;
	background-color: transparent;
	font-size: 14px
}

.surplus-wrap {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: right
}

.surplus-wrap .surplus {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.surplus-wrap .surplus-card {
	min-height: 50px;
	min-width: 110px;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	padding: 0 12px 0 32px
}

.surplus-wrap .surplus-card:not(:last-child) {
	border-right: 1px solid #9b9b9b
}

.surplus-wrap .surplus-card.surplus-relative {
	position: relative
}

.surplus-wrap .surplus-card.surplus-relative>small {
	color: #434343;
	position: absolute;
	top: -20px;
	right: 12px
}

.surplus-wrap .surplus-card .tooltip-top {
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px
}

.surplus-wrap .surplus-card .value {
	font-size: 28px;
	color: #434343;
	line-height: 1
}

.surplus-wrap .surplus-card .value-loading {
	display: inline-block;
	-webkit-animation: rotating 1s linear infinite;
	animation: rotating 1s linear infinite
}

.surplus-wrap .surplus-card .name {
	font-size: 12px;
	line-height: 1.5;
	color: #9b9b9b;
	margin-bottom: 4px
}

.surplus-wrap .surplus-card .name a {
	text-decoration: underline
}

.surplus-wrap .surplus-card .action {
	width: 60px;
	height: 24px;
	line-height: 24px;
	padding: 0;
	border-radius: 30px;
	background-color: #fff;
	border: 1px solid #b6bdc1
}

.surplus-wrap .surplus-card .action:hover {
	border-color: #333
}

.send-feedback {
	position: relative;
	float: right
}

.send-feedback a {
	position: relative;
	display: inline-block;
	margin-left: 12px;
	padding: 14px 22px;
	border: 0;
	border-radius: 26px;
	background-color: #9b9b9b;
	color: #fff;
	text-decoration: none;
	cursor: pointer
}

.send-feedback .reward {
	background-color: #1E90FF;
	display: inline-block;
	vertical-align: middle;
	font-weight: 700
}

.send-feedback .reward:hover .reward-qr-popup {
	pointer-events: all;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

.send-feedback .reward-qr-popup {
	position: absolute;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: all .25s;
	transition: all .25s;
	opacity: 0;
	pointer-events: none;
	z-index: 999;
	top: 46px;
	right: 0;
	padding-top: 16px;
	color: #1E90FF
}

.send-feedback .reward-qr-popup .arrow-bd {
	position: absolute;
	z-index: 1000;
	top: 6px;
	right: 36px;
	height: 0;
	width: 0;
	border-bottom: 10px solid #1E90FF;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent
}

.send-feedback .reward-qr-popup .wrapper {
	padding: 24px;
	border: 3px solid #1E90FF;
	box-shadow: 0 10px 10px rgba(0,0,0,.1);
	border-radius: 8px;
	background-color: #fff
}

.send-feedback .reward-qr-popup img {
	width: 200px;
	height: 200px
}

.empty-text {
	font-weight: 400;
	font-size: 20px
}

.app-animator {
	opacity: 1;
	-webkit-transition: all .25s;
	transition: all .25s
}

.app-animator.ng-enter {
	opacity: 0;
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

.app-animator.ng-enter-active {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

.app-animator.ng-leave-active {
	opacity: 0;
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

.result-dialog.dialog {
	max-width: 480px;
	padding-bottom: 16px
}

.result-dialog.dialog header {
	color: #313639;
	font-size: 24px;
	margin-bottom: 32px
}

.result-dialog.dialog .btn {
	width: 150px;
	height: 50px;
	border-radius: 30px
}

.result-dialog.dialog .actions {
	margin-bottom: 10px
}

.result-dialog.dialog .dialog-footer>a {
	color: #313639
}

.page-locked {
	padding-top: 120px
}

.page-app {
	padding-bottom: 80px
}

.page-app .banner {
	padding-top: 60px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(208,208,208,.5);
	background-color: #fff
}

.page-app .banner .actions {
	position: absolute;
	right: 0;
	top: -14px
}

.page-app .banner .actions .download,.page-app .banner .actions .upload {
	display: block;
	min-width: 150px;
	padding: 10px 20px;
	border-radius: 5px;
	font-size: 14px;
	margin-bottom: 8px
}

.page-app .banner .actions .download i,.page-app .banner .actions .upload i {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	margin-right: 4px
}

.page-app .banner .actions .upload {
	background-color: #1E90FF;
	border: 1px solid transparent;
	color: #fff;
	cursor: pointer
}

.page-app .banner .actions .download {
	text-align: center;
	text-decoration: none;
	color: #1E90FF;
	border: 1px solid;
	background-color: transparent
}

.page-app .btn-release-active {
	color: inherit
}

.page-app .btn-release-active:focus,.page-app .btn-release-active:hover {
	text-decoration: none
}

.page-app .banner .middle-wrapper {
	position: relative
}

.page-app .banner .middle-wrapper:before {
	position: absolute;
	bottom: -52px;
	left: 38px;
	z-index: 2;
	width: 24px;
	height: 24px;
	border: 1px solid rgba(208,208,208,.5);
	border-right: 0;
	border-bottom: 0;
	background-color: #f6f6f6;
	content: ' ';
	-webkit-transition: all .25s;
	transition: all .25s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.page-app.app-combo .banner .middle-wrapper:before,.page-app.app-devices .banner .middle-wrapper:before,.page-app.app-info .banner .middle-wrapper:before,.page-app.app-integration .banner .middle-wrapper:before,.page-app.app-security .banner .middle-wrapper:before {
	bottom: -50px;
	width: 20px;
	height: 20px
}

.page-app.app-info .banner .middle-wrapper:before {
	left: 175px
}

.page-app.app-security .banner .middle-wrapper:before {
	left: 295px
}

.page-app.app-combo .banner .middle-wrapper:before {
	left: 410px
}

.page-app.app-statistics .banner .middle-wrapper:before {
	left: 525px
}

.page-app.app-devices .has-devices .middle-wrapper:before,.page-app.app-integration .banner .middle-wrapper:before {
	left: 640px
}

.page-app.app-integration .has-devices .middle-wrapper:before {
	left: 755px
}

html[lang=en] .page-app.app-info .banner .middle-wrapper:before {
	left: 175px
}

html[lang=en] .page-app.app-security .banner .middle-wrapper:before {
	left: 290px
}

html[lang=en] .page-app.app-combo .banner .middle-wrapper:before {
	left: 445px
}

html[lang=en] .page-app.app-statistics .banner .middle-wrapper:before {
	left: 550px
}

html[lang=en] .page-app.app-integration .banner .middle-wrapper:before {
	left: 665px
}

html[lang=en] .page-app.app-devices .has-devices .middle-wrapper:before {
	left: 670px
}

html[lang=en] .page-app.app-integration .has-devices .middle-wrapper:before {
	left: 775px
}

.page-app .badges {
	margin-left: 160px;
	font-size: 12px;
	line-height: initial;
	position: relative
}

.page-app .badges>span {
	position: relative;
	display: inline-block;
	margin-right: 8px;
	padding: 4px 8px;
	border: 1px solid;
	border-radius: 5px
}

.page-app .badges .badge-expired {
	position: absolute;
	top: -100%;
	left: 0;
	border: 0;
	padding: 0
}

.page-app .badges .badge-expired .text-active {
	cursor: pointer
}

.page-app .badges .short {
	color: #1E90FF
}

.page-app .badges b {
	display: inline-block;
	padding-left: 12px;
	height: 100%;
	font-weight: 400
}

.page-app .badges b:before {
	position: absolute;
	top: 0;
	width: 0;
	height: 100%;
	border-left: 1px solid;
	content: ' ';
	margin-left: -6px
}

.page-app .tabs-container {
	margin-top: 40px;
	margin-left: 160px
}

.page-app .tabs-container ul {
	margin-bottom: 0
}

.page-app .tabs-container ul li {
	margin-right: 30px
}

.page-app .tabs-container ul li a {
	display: block;
	padding-left: 15px;
	color: #9b9b9b;
	text-decoration: none;
	-webkit-transition: all .5s;
	transition: all .5s
}

.page-app .tabs-container ul li a>i {
	display: block;
	margin-bottom: 14px;
	height: 22px;
	font-size: 22px
}

.page-app .tabs-container ul li a.active {
	color: #4a4a4a
}

.page-app .tabs-container ul li:nth-child(5) {
	display: none
}

.page-app .has-devices .tabs-container ul li:nth-child(5) {
	display: inline-block
}

.page-app .page-tabcontent {
	padding-top: 50px
}

.upload-modal-container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000000000;
	width: 100%;
	height: 100%
}

.upload-modal-container .flip-container {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2000000000;
	width: 622px;
	height: 586px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-perspective: 2000;
	perspective: 2000
}

.upload-modal,.upload-modal-mask {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	box-shadow: 0 0 8px 4px rgba(74,74,74,.3)
}

.upload-modal-container .flip-container.flip .upload-modal {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.upload-modal-container .flip-container.flip .modal-backend {
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
}

.upload-modal-mask {
	position: fixed;
	z-index: 998;
	background-color: rgba(14,9,9,.5)
}

.upload-modal {
	position: absolute;
	z-index: 2000000000;
	overflow: hidden;
	padding-top: 30px;
	border-radius: 10px;
	background-color: #fff;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.upload-modal .error-row {
	color: #ec4242;
	position: absolute;
	z-index: 11;
	top: 25px;
	width: 100%;
	text-align: center
}

.upload-modal .btn-close {
	position: absolute;
	z-index: 21;
	top: 18px;
	right: 18px;
	padding: 6px;
	cursor: pointer
}

.upload-modal .btn-close i {
	display: block
}

.upload-modal.state-parsing .state-form {
	pointer-events: none
}

.upload-modal.state-form .state-form {
	opacity: 1;
	pointer-events: all
}

.upload-modal .state-parsing {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	width: 400px;
	padding-top: 30px;
	text-align: center;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.upload-modal .state-parsing .parse-error-content p {
	margin-top: 12px
}

.upload-modal .state-parsing .parse-error-content p a {
	color: #ec4242
}

.upload-modal .state-parsing .parse-error-content .action {
	margin: 30px 0 0
}

.upload-modal .state-parsing .parse-error-content .action button {
	background-color: transparent;
	border: 1px solid;
	padding: 8px 20px;
	border-radius: 20px;
	width: 120px;
	font-size: 16px
}

.upload-modal .state-form {
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s
}

.upload-modal .state-form .header {
	overflow: hidden;
	padding: 40px 40px 0
}

.upload-modal .state-form .header .release-info {
	margin-top: 4px;
	padding-left: 142px
}

.upload-modal .state-form .header .release-info span {
	display: inline-block;
	vertical-align: middle
}

.upload-modal .state-form .header .release-info span:first-child {
	display: inline-block;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.upload-modal .state-form .header .appname {
	margin-top: 18px;
	padding-left: 142px
}

.upload-modal .state-form>hr {
	margin: 32px 0
}

.upload-modal .state-form .release-body {
	padding: 0 40px 10px;
	height: 271px
}

.upload-modal .state-form .release-body .field {
	position: relative;
	overflow: hidden;
	margin-top: 26px
}

.upload-modal .state-form .release-body .field label {
	display: inline-block;
	float: left;
	padding: 15px 40px 15px 0;
	width: 140px;
	text-align: right
}

.upload-modal .state-form .release-body .field input {
	display: inline-block;
	float: left;
	width: 400px
}

.upload-modal .state-form .release-body .field textarea {
	padding: 12px 16px;
	width: 400px;
	height: 150px;
	font-size: 16px
}

.upload-modal .state-form .release-body .field.field-condensed {
	margin-top: 10px
}

.upload-modal .state-form .release-body .field .field-right-wrap {
	display: inline-block;
	width: 400px;
	float: right
}

.upload-modal .state-form .release-body .field .field-right-wrap input {
	width: auto;
	margin-right: 8px;
	vertical-align: middle
}

.upload-modal .state-form .release-body .field .field-right-wrap .unabled {
	opacity: .5
}

.upload-modal .state-form .release-body .field .field-right-wrap span {
	vertical-align: top
}

.upload-modal .state-form .release-body .field .field-right-wrap label {
	padding: 0;
	margin: 0;
	width: auto;
	text-align: left
}

.upload-modal .state-form .release-body .appshort input {
	padding-left: 152px
}

.upload-modal .state-form .release-body .input-addon {
	position: absolute;
	left: 142px;
	width: 140px;
	height: 50px;
	border-right: 1px solid rgba(155,155,155,.3);
	text-align: center;
	font-size: 18px;
	line-height: 50px
}

.upload-modal .state-form .header .appname input,.upload-modal .state-form .release-body input,.upload-modal .state-form .release-body textarea {
	display: block;
	padding: 12px 16px;
	width: 100%;
	border: 1px solid rgba(155,155,155,.3);
	border-radius: 5px;
	background-color: transparent;
	color: #4a4a4a;
	font-size: 18px;
	font-family: 'Open Sans',sans-serif;
	resize: none
}

.upload-modal .state-form .action button {
	display: block;
	width: 100%;
	height: 80px;
	border: 0;
	background-color: #1E90FF;
	color: #fff;
	font-size: 18px;
	-webkit-transition: all .25s;
	transition: all .25s
}

.upload-modal .state-form .action button i {
	display: inline-block;
	margin-right: 12px;
	vertical-align: middle;
	font-size: 26px
}

.upload-modal .state-form .action button[disabled] {
	opacity: .4
}

.upload-modal .state-form .action .upload-failed-tips {
	text-align: center;
	margin: 0;
	padding: 30px 0;
	font-size: 18px;
	background-color: #ec4242;
	color: #fff
}

.modal-backend {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000000000;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: url(cloud-line.png) 0 80% repeat-x #1E90FF;
	background-size: 1280px auto;
	box-shadow: 0 0 8px 4px rgba(74,74,74,.3);
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-animation: cloud-float 5s linear;
	animation: cloud-float 5s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.modal-backend .progress-container {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding: 0 40px 10px;
	width: 100%;
	color: #fff
}

.modal-backend .progress-container .turbo-upload {
	position: absolute;
	top: 0;
	right: 40px;
	cursor: default
}

.modal-backend .progress-container .progress {
	border-radius: 20px;
	background-color: rgba(255,255,255,.5);
	box-shadow: none
}

.modal-backend .progress-container .progress .growing {
	width: 0;
	height: 20px;
	border-radius: 20px;
	background-color: #fff;
	-webkit-transition: width .25s;
	transition: width .25s
}

.modal-backend .redirect-tips {
	position: absolute;
	bottom: 15px;
	left: 0;
	z-index: 2;
	padding: 0 40px 10px;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 20px
}

.modal-backend .plane-wrapper {
	position: relative;
	margin: 80px auto 0;
	width: 382px;
	height: 191px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.modal-backend .plane-wrapper .plane {
	width: 100%
}

.modal-backend .plane-wrapper .rotate-container {
	position: absolute;
	top: 51.7003%;
	left: 13.1%;
	display: inline-block;
	width: 27.424%;
	height: 14.4474%;
	-webkit-transform-origin: center center;
	transform-origin: center center
}

.modal-backend .plane-wrapper .propeller {
	width: 100%
}

.modal-backend .plane-wrapper .upload-progress {
	position: absolute;
	bottom: -38%;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	color: #1b1b1b;
	text-align: center;
	font-size: 40px
}

.modal-backend.plane-ready .rotate-container {
	-webkit-animation: rotating .2s linear infinite reverse;
	animation: rotating .2s linear infinite reverse
}

.modal-backend.plane-ready .plane-wrapper {
	-webkit-animation: undulate 10s linear infinite;
	animation: undulate 10s linear infinite
}

.modal-backend.plane-ready .plane-wrapper .propeller {
	-webkit-transform: rotateY(-28deg);
	transform: rotateY(-28deg)
}

.modal-backend .tips-container {
	margin-top: 76px;
	color: #fff;
	text-align: center;
	font-size: 20px
}

@-webkit-keyframes undulate {
	0%,100%,50% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	25% {
		-webkit-transform: translate3d(-6px,-18px,0);
		transform: translate3d(-6px,-18px,0)
	}

	75% {
		-webkit-transform: translate3d(6px,10px,0);
		transform: translate3d(6px,10px,0)
	}
}

@keyframes undulate {
	0%,100%,50% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	25% {
		-webkit-transform: translate3d(-6px,-18px,0);
		transform: translate3d(-6px,-18px,0)
	}

	75% {
		-webkit-transform: translate3d(6px,10px,0);
		transform: translate3d(6px,10px,0)
	}
}

@-webkit-keyframes cloud-float {
	0% {
		background-position: 0 80%
	}

	100% {
		background-position: -100% 80%
	}
}

@keyframes cloud-float {
	0% {
		background-position: 0 80%
	}

	100% {
		background-position: -100% 80%
	}
}

.time-line {
	position: relative
}

.time-line:before {
	position: absolute;
	left: 25px;
	z-index: 1;
	height: 100%;
	border-left: 1px solid rgba(151,151,151,.2);
	content: ' '
}

.time-line li {
	margin-top: 80px
}

.time-line li:first-child {
	padding-left: 80px;
	margin-top: 0
}

.time-line li:first-child .dot {
	position: absolute;
	left: 20px;
	z-index: 2;
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 1px solid rgba(151,151,151,.2);
	border-radius: 50%;
	background-color: #9b9b9b;
	text-align: center
}

.time-line li:nth-child(2) {
	margin-top: 20px
}

.time-line li:nth-child(3) {
	margin-top: 40px
}

.time-line .filter {
	position: relative;
	top: -6px;
	display: inline-block;
	margin-right: 32px;
	font-weight: 700;
	cursor: pointer
}

.time-line .filter.active {
	color: #4a4a4a
}

.time-line .filter.version-rollback .button {
	display: inline-block;
	vertical-align: middle;
	background-color: transparent;
	border: 1px solid;
	padding: 4px 20px;
	border-radius: 17px
}

.time-line.activity-empty:before {
	display: none
}

.time-line .empty-tips {
	padding-left: 80px;
	font-size: 20px
}

.time-line .more button {
	background: #f6f6f6;
	border: 1px solid;
	position: relative;
	z-index: 99;
	width: 160px;
	padding: 10px 0;
	border-radius: 40px
}

.directive-view-release {
	position: relative;
	padding-left: 80px
}

.directive-view-release>i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 50px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	left: 0;
	z-index: 2;
	width: 50px;
	border: 1px solid rgba(151,151,151,.2);
	border-radius: 50%;
	background-color: #f6f6f6;
	text-align: center;
	font-size: 22px
}

.directive-view-release>i:before {
	display: inline-block;
	margin-top: 2px;
	margin-left: 2px
}

.directive-view-release .release-metainfo {
	margin-top: 2px
}

.directive-view-release .release-metainfo small {
	display: inline-block;
	vertical-align: middle;
	margin: 8px 0;
	line-height: 14px
}

.directive-view-release .release-metainfo small i,.directive-view-release .release-metainfo small span {
	display: inline-block;
	vertical-align: middle
}

.directive-view-release .release-metainfo small i {
	margin-right: 2px;
	line-height: 14px
}

.directive-view-release>b {
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
	color: #4a4a4a;
	font-weight: 400;
	font-size: 20px
}

.directive-view-release pre,.directive-view-release textarea {
	margin: 14px 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	color: #4a4a4a;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.directive-view-release textarea {
	padding: 12px 16px;
	width: 500px;
	height: 120px;
	border-radius: 5px;
	resize: none;
	border: 1px solid #bdc6c7;
	color: #555;
	font-size: 16px
}

.directive-view-release .tooltip-top {
	position: relative;
	overflow: visible
}

.directive-view-release .edit-pen {
	cursor: pointer
}

.directive-view-release .release-type {
	position: relative;
	display: inline-block;
	margin-left: 8px;
	padding: 2px 6px;
	border: 1px solid;
	border-radius: 5px
}

.directive-view-release .release-info {
	margin-top: 6px
}

.directive-view-release .release-info i,.directive-view-release .release-info span {
	display: inline-block;
	vertical-align: middle
}

.directive-view-release .release-info span {
	margin-right: 12px;
	margin-left: 4px
}

.directive-view-release .release-actions {
	margin-top: 10px;
	position: relative
}

.directive-view-release .release-actions .is-history {
	display: inline-block
}

.directive-view-release .release-actions toggle {
	margin-right: 8px
}

.directive-view-release .release-actions .comp-toggle.toggle-off {
	background-color: #9b9b9b
}

.directive-view-release .release-actions a,.directive-view-release .release-actions button {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	background-color: transparent;
	border: 1px solid;
	overflow: hidden;
	border-radius: 17px;
	padding: 4px 10px
}

.directive-view-release .release-actions .release-actions-group .mqc-wait-btn,.directive-view-release .release-actions .tooltip-top {
	overflow: visible;
	position: relative
}

.directive-view-release .release-actions a i,.directive-view-release .release-actions button i {
	display: inline-block;
	vertical-align: middle
}

.directive-view-release .release-actions a.btn-save,.directive-view-release .release-actions button.btn-save {
	background-color: #1E90FF;
	border-color: #1E90FF;
	color: #fff
}

.directive-view-release .release-actions a.btn-cancel,.directive-view-release .release-actions button.btn-cancel {
	border: 0
}

.directive-view-release .release-actions a.btn-cancel:hover,.directive-view-release .release-actions button.btn-cancel:hover {
	color: #686868
}

.directive-view-release .release-actions a {
	color: #9b9b9b
}

.directive-view-release .release-actions a:focus,.directive-view-release .release-actions a:hover {
	text-decoration: none
}

.directive-view-release .release-actions .release-actions-group {
	display: inline-block;
	vertical-align: middle
}

.directive-view-release .release-actions .release-actions-group .mqc-wait-btn .tooltip {
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
	top: -35px;
	left: 25%
}

.directive-view-release .release-actions .has-text i {
	border-right: 1px solid
}

.directive-view-release .release-actions.editing {
	margin-top: 0;
	text-align: right;
	width: 500px
}

.directive-view-release .actions {
	margin-top: 12px
}

.directive-view-release .actions span {
	position: relative;
	display: inline-block
}

.directive-view-release .actions i {
	display: inline-block;
	padding: 6px;
	border: 1px solid transparent;
	border-radius: 50%;
	font-size: 16px;
	opacity: .3;
	cursor: pointer;
	-webkit-transition: all .25s;
	transition: all .25s
}

.directive-view-release .actions i:hover {
	background-color: #4a4a4a;
	color: #fff
}

.directive-view-release .actions .destroy-release i:hover {
	background-color: #ec4242
}

.directive-view-release:hover .actions i {
	opacity: 1
}

.market-app-info {
	position: relative;
	padding-left: 80px
}

.market-app-info .actions,.market-app-info .title,.market-app-info .url {
	display: inline-block;
	cursor: default;
	position: relative
}

.market-app-info .url {
	position: relative;
	width: 400px;
	vertical-align: middle;
	border: 1px solid #9b9b9b;
	border-radius: 5px;
	overflow: hidden
}

.market-app-info .url .edit-url,.market-app-info .url .show-url {
	width: 100%
}

.market-app-info .url .show-url {
	padding: 0 10px;
	line-height: 40px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block
}

.market-app-info .url .edit-url {
	width: 100%;
	border: 0;
	padding: 10px
}

.market-app-info .actions {
	margin-left: 20px
}

.market-app-info .actions .btn {
	border-radius: 5px;
	padding: 10px;
	border-color: #9b9b9b;
	color: #9b9b9b
}

.market-app-info .actions .btn-link {
	text-decoration: none
}

.market-app-info .market-url-tips {
	position: absolute;
	left: 155px;
	top: -60px;
	line-height: 30px;
	border-radius: 5px;
	border: 1px solid #9b9b9b;
	padding: 5px;
	cursor: default;
	background-color: #fff;
	color: red;
	-webkit-transition: all .5s;
	transition: all .5s
}

.market-app-info .market-url-tips:after {
	content: ' ';
	position: absolute;
	left: 50%;
	bottom: -8px;
	width: 14px;
	height: 14px;
	border: 1px solid #9b9b9b;
	border-bottom-right-radius: 4px;
	background-color: #fff;
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.market-app-info .market-url-tips.ng-enter {
	top: -80px;
	opacity: 0
}

.market-app-info .market-url-tips.ng-enter.ng-enter-active,.market-app-info .market-url-tips.ng-leave {
	opacity: 1;
	top: -60px
}

.market-app-info .market-url-tips.ng-leave.ng-leave-active {
	top: -80px;
	opacity: 0
}

.app-statistics {
	padding-bottom: 30px
}

.apps-app-statistics {
	padding-top: 30px !important
}

.apps-app-statistics .middle-wrapper {
	display: table
}

.apps-app-statistics .middle-wrapper .statistics-content,.apps-app-statistics .middle-wrapper .statistics-list {
	float: left
}

.apps-app-statistics .middle-wrapper .statistics-list {
	width: 140px;
	padding-top: 50px
}

.apps-app-statistics .middle-wrapper .statistics-list li,.apps-app-statistics .middle-wrapper .statistics-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative
}

.apps-app-statistics .middle-wrapper .statistics-list ul {
	padding-left: 10px;
	border-left: 1px solid #666
}

.apps-app-statistics .middle-wrapper .statistics-list ul:after,.apps-app-statistics .middle-wrapper .statistics-list ul:before {
	position: absolute;
	content: ' ';
	width: 1px;
	height: 20px;
	background-color: #f6f6f6;
	left: -1px
}

.apps-app-statistics .middle-wrapper .statistics-list ul:before {
	top: 0
}

.apps-app-statistics .middle-wrapper .statistics-list ul:after {
	bottom: -1px
}

.apps-app-statistics .middle-wrapper .statistics-list li {
	cursor: default;
	padding: 5px 10px;
	line-height: 30px
}

.apps-app-statistics .middle-wrapper .statistics-list li a {
	text-decoration: none;
	color: #9b9b9b
}

.apps-app-statistics .middle-wrapper .statistics-list li a:hover,.apps-app-statistics .middle-wrapper .statistics-list li.active a {
	color: #333
}

.apps-app-statistics .middle-wrapper .statistics-list li:after,.apps-app-statistics .middle-wrapper .statistics-list li:before {
	content: ' ';
	width: 10px;
	height: 1px;
	background-color: #666;
	position: absolute;
	top: 20px;
	left: -10px
}

.apps-app-statistics .middle-wrapper .statistics-list li:after {
	display: none
}

.apps-app-statistics .middle-wrapper .statistics-list li.active:before {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #facf55;
	top: 15px;
	left: -15px;
	z-index: 10
}

.apps-app-statistics .middle-wrapper .statistics-list li.active:after {
	width: 14px;
	height: 14px;
	border-radius: 14px;
	background-color: #fff;
	top: 13px;
	left: -17px;
	z-index: 5;
	display: block
}

.apps-app-statistics .middle-wrapper .statistics-content {
	width: calc(100% - 140px)
}

.apps-app-statistics .middle-wrapper .statistics-content .btn {
	cursor: position;
	outline: 0;
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block
}

.apps-app-statistics .middle-wrapper .statistics-content .icon-help {
	outline: 0;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #000;
	margin-left: 10px;
	text-align: center;
	display: none
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-head,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-tr,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-tools {
	width: 100%;
	position: relative
}

.apps-app-statistics .middle-wrapper .statistics-content .icon-help i {
	font-size: 12px;
	color: #fff;
	position: relative;
	top: -2px
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-tools {
	text-align: right
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-tools .btn-build {
	color: #333;
	background-color: #fff;
	border-color: #666;
	border-width: 1px;
	border-style: solid
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-tools .icon-help i {
	top: 2px
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table {
	margin-top: 30px
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-tr {
	display: table
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .tab-td {
	display: inline-block;
	text-align: left;
	padding: 0 10px;
	float: left
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .names.tab-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.names {
	width: calc(100% - 210px)
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .views.tab-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.views {
	width: 100px;
	display: none
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .download.tab-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.download {
	width: 100px
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .detail.tab-td {
	width: 100%;
	display: block;
	padding-left: 30px;
	padding-right: 0;
	padding-bottom: 10px
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-error,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-loading,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .detail.tab-td .detail-error,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .detail.tab-td .detail-loading {
	line-height: 30px;
	text-align: center
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-inner,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .detail.tab-td .detail-inner {
	width: 100%;
	height: 100%;
	position: relative
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .detail.tab-td .detail-panel,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .detail.tab-td .detail-tab,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-tab {
	position: relative
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .detail.tab-td .detail-tab,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-tab {
	height: 30px
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .detail.tab-td .detail-tab .tab-link,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-tab .tab-link {
	line-height: 20px;
	text-decoration: none;
	float: left;
	padding: 0 10px;
	margin-left: 10px;
	background-color: #fff;
	margin-top: 4px;
	border-color: #9b9b9b;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	color: #9b9b9b
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-tab .tab-link.active,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-tab .tab-link:hover {
	text-decoration: none;
	border-color: #4f4f4f;
	color: #4f4f4f
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .detail.tab-td .detail-panel {
	width: 100%
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .detail.tab-td .detail-panel .tab-tr {
	border-radius: 5px;
	margin-right: 10px
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr:hover {
	background-color: #f6f6f6
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .tab-td {
	cursor: default
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .tab-td.names {
	width: calc(100% - 200px)
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .tab-td.download {
	width: 90px;
	padding-right: 0
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-head {
	height: 35px;
	background-color: #1E90FF;
	cursor: default
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-head .table-tr {
	line-height: 35px
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-head .table-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-head .table-td.detail .detail-panel .tab-tr .tab-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .table-head .tab-td {
	color: #fff
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body {
	min-height: 300px
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr {
	line-height: 30px;
	padding-left: 20px;
	cursor: pointer
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr.odd {
	background-color: #fff
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr .toggle-lat {
	position: absolute;
	left: 13px;
	top: 8px;
	cursor: pointer;
	height: 0;
	width: 0;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #777;
	border-top: 7px solid transparent;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr .toggle-lat.on {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr .table-td.detail .detail-panel .tab-tr .views.tab-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr .table-td.views,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .table-body .table-tr .views.tab-td {
	display: none
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr .table-td.detail .detail-panel .tab-tr .download.tab-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr .table-td.detail .detail-panel .tab-tr .views.tab-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr .table-td.download,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr .table-td.views,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .table-body .table-tr .download.tab-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .table-body .table-tr .views.tab-td {
	padding-left: 15px
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr.links {
	padding-left: 0
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr.links .table-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-body .table-tr.links .table-td.detail .detail-panel .tab-tr .tab-td,.apps-app-statistics .middle-wrapper .statistics-content .statistics-detail .statistics-table .table-td.detail .detail-panel .tab-tr .table-body .table-tr.links .tab-td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-empty .icon-empty {
	width: 80px;
	height: 90px;
	margin: 30px auto 20px;
	background-color: transparent
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-empty span {
	color: #333;
	font-size: 18px;
	cursor: default;
	text-align: center;
	display: block
}

.apps-app-statistics .middle-wrapper .statistics-content .statistics-empty .btn-build {
	color: #fff;
	background-color: #1E90FF;
	border-color: #1E90FF;
	border-width: 1px;
	border-style: solid
}

.spread-link-win {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000
}

.spread-link-win .win {
	width: 890px;
	background-color: #f6f6f6;
	margin: -250px auto 0;
	position: relative;
	top: 50%;
	border-radius: 10px;
	padding: 20px 35px
}

.spread-link-win .win .combo-select {
	cursor: pointer;
	display: inline-block;
	width: 100%
}

.spread-link-win .win .combo-select .combo-input {
	position: relative;
	height: 32px;
	cursor: pointer;
	border: 1px solid #555;
	border-radius: 3px;
	width: 100%
}

.spread-link-win .win .combo-select .combo-input .combo-value {
	width: 200px;
	height: 30px;
	display: inline-block;
	padding: 5px 10px;
	position: relative
}

.spread-link-win .win .combo-select .combo-input .combo-toggle {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px
}

.spread-link-win .win .combo-select .combo-input .combo-toggle .combo-toggle-icon {
	position: absolute;
	top: 10px;
	left: 6px;
	height: 0;
	width: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #555
}

.spread-link-win .win .combo-select .combo-list {
	position: relative;
	top: 5px;
	width: 100%;
	max-height: 152px;
	border: 1px solid #555;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: top .3s,opacity .3s;
	transition: top .3s,opacity .3s;
	display: block;
	opacity: 1;
	overflow-x: hidden;
	overflow-y: auto
}

.spread-link-win .win .combo-select .combo-list.ng-hide {
	display: none;
	opacity: 0;
	top: -10px
}

.spread-link-win .win .combo-select .combo-list.ng-hide.ng-hide-add {
	display: block;
	top: 5px;
	opacity: 1
}

.spread-link-win .win .combo-select .combo-list.ng-hide.ng-hide-add-active {
	top: -10px;
	opacity: 0
}

.spread-link-win .win .combo-select .combo-list.ng-hide-remove {
	display: block;
	top: -10px;
	opacity: 0
}

.spread-link-win .win .combo-select .combo-list.ng-hide-remove-active {
	display: block;
	top: 5px;
	opacity: 1
}

.spread-link-win .win .combo-select .combo-list:after {
	content: ' ';
	background-color: #fff;
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top-left-radius: 3px;
	position: absolute;
	left: 208px;
	top: -5px
}

.spread-link-win .win .combo-select .combo-list .list-inner {
	border-radius: 1px;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1
}

.spread-link-win .win .combo-select .combo-list .list-inner li,.spread-link-win .win .combo-select .combo-list .list-inner ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.spread-link-win .win .combo-select .combo-list .list-inner li {
	line-height: 20px;
	padding: 5px 10px;
	cursor: pointer
}

.spread-link-win .win .combo-select .combo-list .list-inner li:hover {
	background-color: #eee
}

.spread-link-win .win .combo-select.toggle-on .combo-list {
	display: block
}

.spread-link-win .win .icon-cross {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px
}

.spread-link-win .win .icon-cross:hover {
	color: #1a1a1a
}

.spread-link-win .win .spread-title {
	height: 60px;
	border-bottom: 1px solid rgba(208,208,208,.5);
	font-size: 30px;
	color: #555;
	font-weight: 700;
	padding-top: 10px
}

.spread-link-win .win .spread-opts {
	border-bottom: 1px solid rgba(208,208,208,.5);
	display: table
}

.spread-link-win .win .spread-opts>div {
	display: inline-block;
	position: relative;
	border-left: 1px solid rgba(208,208,208,.5);
	width: 32%;
	height: 210px;
	padding: 10px 10px 5px;
	float: left
}

.spread-link-win .win .spread-opts>div .title {
	cursor: default;
	margin-bottom: 10px
}

.spread-link-win .win .spread-opts>div .desc {
	height: 90px;
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis
}

.spread-link-win .win .spread-opts>div .spread-input-wrap {
	width: 200px;
	height: 30px;
	position: relative
}

.spread-link-win .win .spread-opts>div .spread-input-wrap input {
	width: 100%;
	border: 1px solid #555;
	border-radius: 3px;
	height: 32px;
	padding: 5px 10px
}

.spread-link-win .win .spread-opts>div:first-child {
	border-left: 0 none
}

.spread-link-win .win .spread-opts>div.opts-version {
	width: 271px
}

.spread-link-win .win .spread-opts>div.opts-version .spread-input-wrap {
	width: 230px
}

.spread-link-win .win .spread-opts>div.opts-channel {
	width: 270px
}

.spread-link-win .win .spread-opts>div.opts-channel .spread-input-wrap {
	width: 230px
}

.spread-link-win .win .spread-opts>div.opts-activity {
	width: 271px
}

.spread-link-win .win .spread-opts>div.opts-activity .spread-input-wrap {
	width: 230px
}

.spread-link-win .win .spread-link {
	padding: 20px 0;
	cursor: default
}

.spread-link-win .win .spread-link span {
	background-color: #fff;
	border-radius: 30px;
	padding: 10px;
	text-align: center;
	line-height: 30px;
	display: block;
	width: 100%
}

.spread-link-win .win .spread-action {
	padding: 10px 0 10px 30px
}

.spread-link-win .win .spread-action .create-button,.spread-link-win .win .spread-action .download-button,.spread-link-win .win .spread-action .save-button,.spread-link-win .win .spread-action .spread-qrcode {
	display: inline-block;
	height: 100px;
	vertical-align: middle;
	margin-left: 50px
}

.spread-link-win .win .spread-action .spread-qrcode {
	width: 100px
}

.spread-link-win .win .spread-action .download-button {
	width: 160px
}

.spread-link-win .win .spread-action .download-button .btn {
	width: 100%;
	display: block;
	margin-top: 12px
}

.spread-link-win .win .spread-action .create-button .btn,.spread-link-win .win .spread-action .save-button .btn {
	margin-top: 34px
}

.spread-link-win .win .spread-action .save-button {
	margin-left: 70px
}

.spread-link-win .win .spread-action .btn {
	padding: 5px 25px;
	border: 1px solid #1E90FF;
	border-radius: 20px;
	display: inline-block;
	color: #333;
	font-size: 14px
}

.spread-link-win .win .spread-action .btn.btn-create {
	background-color: #fff;
	color: #1E90FF
}

.spread-link-win .win .spread-action .btn.btn-download-1024,.spread-link-win .win .spread-action .btn.btn-download-720 {
	display: block
}

.spread-link-win .win .spread-action .btn.btn-save {
	background-color: #1E90FF;
	color: #fff
}

.qrcode-win {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.3);
	z-index: 100000
}

.qrcode-win .qrcode-warp {
	position: relative;
	width: 450px;
	height: 475px;
	margin: 0 auto;
	top: 20%;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,.5)
}

.qrcode-win .qrcode-warp .qrcode-desc {
	line-height: 50px;
	cursor: default;
	padding: 0 20px;
	text-align: center
}

.qrcode-win .qrcode-warp .qrcode-close {
	position: absolute;
	top: 10px;
	right: 10px
}

.qrcode-win .qrcode-warp .qrcode-close i {
	cursor: pointer
}

.qrcode-win .qrcode-warp .qrcode-close i:hover {
	color: #333
}

.qrcode-win .qrcode-warp .qrcode {
	position: relative;
	width: 400px;
	height: 400px;
	margin: 0 25px 25px
}

.qrcode-win .qrcode-warp .qrcode img {
	width: 100%;
	height: 100%
}

.apps-app-info .middle-wrapper>.container-fluid {
	padding: 0
}

.apps-app-info .middle-wrapper>.container-fluid>h3 {
	margin-bottom: 20px
}

.apps-app-info .middle-wrapper .sync-store {
	padding: 14px 0;
	text-decoration: none;
	cursor: pointer
}

.apps-app-info .middle-wrapper .sync-store[disabled] {
	opacity: .5
}

.apps-app-info .middle-wrapper .app-info-form {
	position: relative
}

.apps-app-info .middle-wrapper .app-info-form .field {
	position: relative;
	padding: 20px 0
}

.apps-app-info .middle-wrapper .app-info-form .field:last-child {
	border-bottom: 0
}

.apps-app-info .middle-wrapper .app-info-form .field .left-label {
	margin-top: 12px;
	float: left;
	font-size: 18px;
	padding-right: 60px
}

.apps-app-info .middle-wrapper .app-info-form .field .value {
	padding-left: 200px
}

.apps-app-info .middle-wrapper .app-info-form .field .value>input,.apps-app-info .middle-wrapper .app-info-form .field .value>textarea {
	width: 500px;
	font-size: 20px;
	padding: 10px 24px;
	border-radius: 5px;
	border: 1px solid #bdc6c7;
	color: #555
}

.apps-app-info .middle-wrapper .app-info-form .field .value>input[readonly],.apps-app-info .middle-wrapper .app-info-form .field .value>textarea[readonly] {
	border-color: transparent;
	padding-left: 0
}

.apps-app-info .middle-wrapper .app-info-form .field .value textarea {
	padding: 12px 16px;
	height: 320px;
	width: 100%
}

.apps-app-info .middle-wrapper .app-info-form .field .input-group {
	width: 500px
}

.apps-app-info .middle-wrapper .app-info-form .field .input-group .input-group-addon,.apps-app-info .middle-wrapper .app-info-form .field .input-group input {
	font-size: 20px;
	height: 50px
}

.apps-app-info .middle-wrapper .app-info-form .field .input-group .input-group-addon {
	padding: 6px 20px;
	border: 1px solid #bdc6c7
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul {
	overflow: hidden
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li {
	float: left;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 20%;
	height: 289px;
	margin-bottom: 20px
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li screenshot-view {
	background-color: #f1f1f1;
	position: relative;
	display: block;
	height: 100%
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li screenshot-view img {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 100%;
	display: inline-block;
	vertical-align: middle
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li .actions {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 14px
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li .actions i {
	display: block;
	margin: 0 auto;
	padding: 15px;
	width: 50px;
	border-radius: 50%;
	color: #FFF;
	text-align: center;
	font-size: 19px;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: all .25s;
	transition: all .25s;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li .actions .icon-upload-cloud2 {
	background-color: #1E90FF
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li .actions .icon-trash {
	margin-top: 20px;
	background-color: #ec4242;
	-webkit-transition-delay: .05s;
	transition-delay: .05s
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li:hover .actions i {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li.ng-leave.ng-leave-active {
	width: 0;
	opacity: 0
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li.ng-leave.ng-leave-active .actions {
	display: none
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li .uploading-progress {
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 20%;
	margin-top: -15px;
	width: 60%
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots ul li .uploading-progress .progress {
	margin-bottom: 0
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots .upload-holder {
	text-align: center;
	font-size: 60px
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots .upload-holder i {
	cursor: pointer;
	line-height: 288px;
	display: block;
	background-color: #f1f1f1;
	color: #ccc
}

.apps-app-info .middle-wrapper .app-info-form .app-screenshots .store-link {
	padding-right: 5px
}

.apps-app-info .middle-wrapper .app-info-form .app-deletion .value {
	padding-top: 12px
}

.apps-app-info .middle-wrapper .app-info-form .app-deletion button {
	border-color: #ec4242;
	background-color: #ec4242;
	color: #fff;
	min-width: 200px;
	padding: 12px;
	border-radius: 40px;
	-webkit-transition: all .15s;
	transition: all .15s
}

.apps-app-info .middle-wrapper .app-info-form .app-deletion button span:first-child {
	display: block
}

.apps-app-info .middle-wrapper .app-info-form .app-deletion .require-confirm span:first-child,.apps-app-info .middle-wrapper .app-info-form .app-deletion button span:last-child {
	display: none
}

.apps-app-info .middle-wrapper .app-info-form .app-deletion .require-confirm {
	background-color: transparent;
	color: #ec4242
}

.apps-app-info .middle-wrapper .app-info-form .app-deletion .require-confirm span:last-child {
	display: block
}

.apps-app-info .middle-wrapper .app-info-form textarea {
	resize: none
}

.apps-app-info .middle-wrapper .app-info-form .actions button {
	border: 1px solid transparent;
	padding: 12px 24px;
	background-color: transparent
}

.apps-app-info .middle-wrapper .app-info-form .actions button[disabled] {
	opacity: .3
}

.apps-app-info .middle-wrapper .app-info-form .actions .save {
	width: 120px;
	border-radius: 30px;
	background-color: #1E90FF;
	color: #fff
}

.apps-app-info .middle-wrapper .app-info-form .actions .value:last-child p {
	line-height: 46px
}

.apps-app-info .middle-wrapper input,.apps-app-info .middle-wrapper textarea {
	background-color: #f6f6f6
}

.page-cord .deposits .step:after,.page-cord .deposits .step:before,.page-cord .header .btn {
	background-color: #e2644c
}

.page-cord .header {
	font-size: 24px;
	color: #e2644c;
	overflow: hidden;
	margin-bottom: 36px
}

.page-cord .header .btn {
	border-color: #e2644c;
	color: #fff
}

.page-cord .deposits .step {
	padding-bottom: 24px
}

.page-cord .deposits .primary-text {
	font-size: 16px;
	color: #505556;
	line-height: 16px
}

.page-cord .deposits .secondary-text {
	line-height: 16px;
	font-size: 14px;
	color: #babfc3
}

.page-cord .deposits .primary-text+.secondary-text {
	margin-top: 4px
}

.page-cord .deposits .step.done .primary-text {
	color: #babfc3
}

.invoice-dialog.dialog {
	padding: 32px;
	max-width: 600px;
	max-height: 90%;
	overflow: auto
}

.invoice-dialog.dialog .dialog-header {
	font-size: 20px;
	color: #505556;
	margin-bottom: 24px
}

.invoice-dialog.dialog .dialog-header small {
	display: block;
	font-size: 14px;
	color: #9ba5a7
}

.invoice-dialog.dialog form {
	text-align: center
}

.invoice-dialog.dialog .btn-block,.invoice-dialog.dialog .form-control {
	height: 50px
}

.invoice-dialog.dialog .row {
	margin-left: -5px;
	margin-right: -5px
}

.invoice-dialog.dialog .row>div {
	margin-bottom: 12px;
	padding-left: 5px;
	padding-right: 5px
}

.invoice-dialog.dialog .divider {
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	color: #505556;
	margin-bottom: 24px
}

.invoice-dialog.dialog .divider:after,.invoice-dialog.dialog .divider:before {
	content: ' ';
	height: 1px;
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	background-color: #babfc3
}

.invoice-dialog.dialog .divider:before {
	margin: 0 0 0 -50%
}

.invoice-dialog.dialog .divider:after {
	margin: 0 -50% 0 0
}

.invoice-dialog.dialog .divider>span {
	display: inline-block;
	padding: 0 20px
}

.invoice-dialog.dialog .btn-link:hover {
	text-decoration: none
}

.stepper .step {
	position: relative;
	padding-left: 40px;
	margin-top: 0;
	margin-bottom: 0
}

.stepper .step:before,.stepper .step:not(:last-child):after {
	position: absolute;
	display: inline-block;
	content: ' '
}

.stepper .step:before {
	z-index: 2;
	top: 2px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%
}

.stepper .step:not(:last-child):after {
	z-index: 1;
	top: 8px;
	left: 8px;
	height: 100%;
	width: 1px
}

.list-invoices {
	border-bottom: 0;
	color: #505556;
	margin-bottom: 0;
	max-height: 200px;
	overflow: scroll
}

.list-invoices>li {
	border: 1px solid #d4d8dc;
	border-bottom-color: transparent;
	text-align: left
}

.list-invoices>li>a {
	display: block;
	cursor: pointer;
	color: #9b9b9b
}

.list-invoices>li>a.selected {
	color: #e2644c
}

.list-invoices>li>a:focus,.list-invoices>li>a:hover {
	outline: 0;
	text-decoration: none;
	background-color: #f4f4f4
}

.invoice-section .invoice-item {
	padding: 16px 20px;
	text-align: left
}

.invoice-section .invoice-total {
	border: 1px solid #d4d8dc;
	margin-bottom: 12px;
	text-align: right
}

.invoice-section .invoice-total .select-money {
	color: #505556
}

.invoice-section .invoice-warn {
	margin-bottom: 24px
}

.invoice-section+.invoice-section {
	margin-top: 32px
}

.table-invoice {
	width: 100%;
	margin-bottom: 48px;
	color: #505556
}

.table-invoice>tbody>tr>td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top
}

.table-invoice>tbody>tr>td:first-child {
	width: 100px;
	color: #babfc3
}

.pricing-dialog.dialog {
	width: 700px;
	z-index: 300000
}

.pricing-dialog.dialog header {
	color: #313639;
	font-size: 28px;
	margin-bottom: 14px
}

.pricing-dialog.dialog .text-gift {
	color: #ff722b;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
	text-align: center
}

.pricing-dialog.dialog .text-gift .icon-cake {
	font-size: 18px
}

.pricing-dialog.dialog .packages {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 32px
}

.pricing-dialog.dialog .package-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-right: 1px solid transparent;
	padding: 8px 48px;
	text-align: center;
	position: relative
}

.pricing-dialog.dialog .package-item:not(:last-child) {
	border-right-color: #dbe0e3
}

.pricing-dialog.dialog .package-item .money {
	font-size: 30px;
	color: #1E90FF;
	line-height: 42px
}

.pricing-dialog.dialog .package-item .times {
	font-size: 24px;
	line-height: 28px;
	color: #4f5156
}

.pricing-dialog.dialog .package-item .unit {
	font-size: 14px;
	color: #869096
}

.pricing-dialog.dialog .package-item .package-content {
	margin-bottom: 0
}

.pricing-dialog.dialog .package-actions .btn {
	background-color: #fff;
	border: 1px solid #b6bdc1;
	border-radius: 30px;
	min-width: 120px;
	height: 40px
}

.pricing-dialog.dialog .package-actions .btn:hover {
	color: #fff;
	background-color: #1E90FF;
	border-color: #1E90FF
}

.pricing-dialog.dialog .package-loading {
	width: 100%
}

.pricing-dialog.dialog .package-dialog-footer {
	color: #333
}

.pricing-dialog.dialog .package-dialog-footer a {
	color: #1E90FF;
	text-decoration: none
}

.pricing-dialog.dialog .package-dialog-footer a:hover {
	text-decoration: none
}

.pricing-dialog.dialog .arraw-badge {
	position: absolute;
	background-color: #f87335;
	color: #fff;
	left: -1px;
	top: 0;
	width: 30px;
	height: 40px;
	text-align: center;
	padding-top: 5px
}

.pricing-dialog.dialog .arraw-badge .arraw {
	width: 0;
	height: 0;
	overflow: hidden;
	border: 15px solid transparent;
	border-bottom: 10px solid #fff;
	border-top: 0;
	position: absolute;
	bottom: 0;
	left: 0
}

.pricing-warning-dialog.dialog {
	max-width: 480px
}

.pricing-warning-dialog.dialog>header {
	margin-bottom: 24px;
	color: #313639;
	font-size: 24px
}

.pricing-warning-dialog.dialog .content {
	margin-bottom: 32px;
	color: #333
}

.pricing-warning-dialog.dialog .actions .btn {
	border-radius: 20px;
	min-width: 120px;
	height: 40px
}

.pricing-warning-dialog.dialog .actions .btn-default {
	border-color: #1E90FF;
	color: #1E90FF;
	background-color: #fff
}

.pricing-warning-dialog.dialog .actions .btn+.btn {
	margin-left: 12px
}

.apps-app-security {
	padding-top: 7px
}

.apps-app-security section {
	margin-bottom: 80px
}

.apps-app-security section>h2 {
	margin: 60px 0;
	color: #505556;
	font-size: 20px;
	text-transform: uppercase
}

.apps-app-security section>h2 i,.apps-app-security section>h2 span {
	margin-right: 30px;
	display: inline-block;
	vertical-align: middle
}

.apps-app-security section>h2 i {
	display: inline-block;
	margin-left: 22px;
	padding: 6px;
	border: 1px solid;
	border-radius: 50%;
	vertical-align: top;
	font-size: 16px;
	cursor: pointer
}

.apps-app-security section>h2 small {
	margin-left: 20px;
	font-size: 14px;
	color: #1E90FF;
	text-transform: none
}

.apps-app-security hr.top {
	margin-top: 30px;
	margin-bottom: 26px;
	border: 0;
	border-top: 1px solid #bdc6c7
}

.apps-app-security hr.bottom {
	margin-top: 26px;
	margin-bottom: 50px;
	border: 0;
	border-top: 1px solid #bdc6c7
}

.apps-app-security .toggle-group {
	margin-bottom: 30px
}

.apps-app-security .toggle-group .toggle-title {
	display: inline-block;
	margin: 0;
	min-width: 360px;
	color: #505556;
	font-size: 16px;
	line-height: 36px
}

.apps-app-security .toggle-group toggle {
	display: inline-block
}

.apps-app-security .toggle-group>.text-danger {
	width: 360px
}

.apps-app-security .toggle-group.no-margin {
	margin-bottom: 0
}

.apps-app-security .toggle-group .icon-lock {
	display: inline-block;
	margin-left: 30px;
	color: #505556;
	font-size: 18px
}

.apps-app-security .toggle-group .input-popup {
	position: relative;
	display: inline-block;
	margin-left: 24px;
	border: 1px solid #505556;
	border-radius: 5px
}

.apps-app-security .toggle-group .input-popup .svg-triangle {
	position: absolute;
	position: relative;
	left: -12px;
	display: inline-block;
	width: 12px;
	height: 16px;
	vertical-align: middle
}

.apps-app-security .toggle-group .input-popup:before {
	position: absolute;
	top: 10px;
	left: -19px;
	border: 8px solid transparent;
	border-right: 10px solid #505556;
	content: ' '
}

.apps-app-security .toggle-group .input-popup:after {
	position: absolute;
	top: 10px;
	left: -17px;
	border: 8px solid transparent;
	border-right: 10px solid #FFF;
	content: ' '
}

.apps-app-security .toggle-group .input-popup .download-pwd {
	padding: 8px 12px;
	width: 200px;
	border: 0;
	border-radius: 5px;
	font-size: 14px
}

.apps-app-security .toggle-group .input-popup .download-pwd:focus {
	outline: 0;
	box-shadow: none
}

.apps-app-security .toggle-group .icon-lock,.apps-app-security .toggle-group .input-popup {
	-webkit-transition: all .25s;
	transition: all .25s
}

.apps-app-security .toggle-group .icon-lock.ng-hide,.apps-app-security .toggle-group .input-popup.ng-hide {
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px)
}

.apps-app-security .toggle-group .icon-lock.ng-hide-remove.ng-hide-remove-active,.apps-app-security .toggle-group .input-popup.ng-hide-remove.ng-hide-remove-active {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.apps-app-security .btn-invite-member,.apps-app-security .btn-quit {
	display: inline-block;
	padding: 6px 12px;
	font-size: 12px;
	border: 1px solid #1E90FF;
	background-color: transparent;
	color: #1E90FF;
	border-radius: 40px;
	cursor: pointer
}

.apps-app-security .btn-invite-member:active,.apps-app-security .btn-invite-member:focus,.apps-app-security .btn-quit:active,.apps-app-security .btn-quit:focus {
	outline: 0
}

.apps-app-security .btn-quit {
	color: #ec4242;
	border-color: #ec4242
}

.apps-app-security .members {
	margin: 0 -45px;
	font-size: 0
}

.apps-app-security .members .user {
	display: inline-block;
	overflow-y: hidden;
	width: 20%;
	margin-bottom: 40px;
	vertical-align: middle;
	text-align: center
}

.apps-app-security .members .user .wrapper {
	padding: 0 45px
}

.apps-app-security .members .user avatar {
	margin-bottom: 20px
}

.apps-app-security .members .user img {
	margin-bottom: 12px;
	width: 80px;
	height: 80px
}

.apps-app-security .members .user .email,.apps-app-security .members .user .name {
	margin-bottom: 0;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden
}

.apps-app-security .members .user .name {
	font-size: 14px;
	display: inline-block
}

.apps-app-security .members .user .email {
	font-size: 12px;
	display: block
}

.apps-app-security .members .user .info i {
	position: absolute;
	font-size: 12px;
	left: 132px;
	color: #1E90FF;
	top: -110px;
	background-color: #fff;
	padding: 4px;
	border-radius: 50%
}

.apps-app-security .members .invited avatar i {
	background-color: #bdc6c7
}

.apps-app-security .members .invited,.apps-app-security .members .user {
	position: relative;
	padding-bottom: 36px
}

.apps-app-security .members .invited .actions,.apps-app-security .members .invited .info,.apps-app-security .members .user .actions,.apps-app-security .members .user .info {
	height: 36px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	-webkit-transition: all .25s;
	transition: all .25s;
	padding: 0 45px
}

.apps-app-security .members .invited .actions,.apps-app-security .members .user .actions {
	pointer-events: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 18px;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
	opacity: 0
}

.apps-app-security .members .invited .actions i,.apps-app-security .members .user .actions i {
	color: #505556;
	display: inline-block;
	margin: 0 4px
}

.apps-app-security .members .invited .allow-action:hover .info,.apps-app-security .members .user .allow-action:hover .info {
	opacity: 0;
	-webkit-transform: translateY(-10px) scale(.8);
	transform: translateY(-10px) scale(.8)
}

.apps-app-security .members .invited .allow-action:hover .actions,.apps-app-security .members .user .allow-action:hover .actions {
	pointer-events: all;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.apps-app-security .members .invite i {
	display: inline-block;
	margin-bottom: 16px;
	width: 80px;
	height: 80px;
	border: 1px solid #505556;
	border-radius: 50%;
	color: #505556;
	text-align: center;
	font-size: 40px;
	line-height: 78px
}

.apps-app-security .members .invited,.apps-app-security .members .user {
	-webkit-transition: width .8s,opacity .2s,-webkit-transform .2s;
	transition: width .8s,opacity .2s,transform .2s
}

.apps-app-security .members .invited.ng-leave.ng-leave-active,.apps-app-security .members .user.ng-leave.ng-leave-active {
	width: 0;
	opacity: 0;
	-webkit-transform: scale(.7);
	transform: scale(.7)
}

.apps-app-security .clickable-members .user {
	cursor: pointer
}

.apps-app-security .clickable-members .is-owner {
	cursor: initial
}

.apps-app-security .empty-members .want-invite-member {
	padding: 8px 20px;
	background-color: #1E90FF;
	border: 1px solid transparent;
	color: #fff;
	min-width: 100px;
	border-radius: 54px;
	margin-bottom: 20px
}

.apps-app-security .empty-members>p {
	font-size: 16px
}

.apps-app-security .place-wrapper {
	overflow: hidden;
	margin: 0 auto;
	padding: 50px;
	width: 540px
}

.apps-app-security .place-wrapper .title {
	margin-bottom: 30px;
	font-size: 30px
}

.apps-app-security .place-wrapper .form-control {
	font-size: 16px;
	resize: none
}

.apps-app-security .place-wrapper .btn-lemon {
	display: inline-block;
	min-width: 120px;
	height: 50px;
	color: #FFF;
	vertical-align: top;
	font-size: 16px;
	padding: 5px 20px
}

.apps-app-security .place-wrapper .invitations {
	margin-right: 10px;
	vertical-align: top
}

.full-modal>table td,avatar i,avatar img {
	vertical-align: middle
}

avatar,avatar i,avatar img {
	display: inline-block
}

avatar.size-m i {
	background-color: #505556
}

avatar.size-m i,avatar.size-m img {
	width: 80px;
	height: 80px;
	color: #fff;
	font-size: 40px;
	line-height: 80px;
	border-radius: 50%
}

.full-modal,.full-modal>table {
	width: 100%;
	height: 100%
}

.full-modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: rgba(255,255,255,.94);
	opacity: 1;
	-webkit-transition: all .25s;
	transition: all .25s
}

.full-modal.ng-hide {
	opacity: 0
}

.full-modal.ng-hide-remove.ng-hide-remove-active {
	opacity: 1
}

.apps-app-combo {
	position: relative;
	padding-top: 45px
}

.apps-app-combo .icon-container {
	margin-bottom: 60px
}

.apps-app-combo .icon-container img {
	border-radius: 17.544%
}

.apps-app-combo .apps-list {
	position: relative;
	overflow: hidden
}

.apps-app-combo .lead {
	margin-bottom: 30px;
	font-size: 16px
}

.apps-app-combo .lead b {
	max-width: 300px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}

.apps-app-combo .known-apps .icon img {
	width: 100px;
	height: 100px;
	border-radius: 22.7%
}

.apps-app-combo .known-apps .apps .app {
	display: inline-block;
	margin: 0 0 20px 28px;
	text-align: center;
	cursor: pointer;
	vertical-align: top
}

.apps-app-combo .known-apps .apps .app>p {
	margin-top: 8px;
	font-size: 12px;
	text-align: center;
	display: inline-block;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal
}

.apps-app-combo .find-apps {
	padding-left: 80px
}

.apps-app-combo .find-apps .lead {
	text-align: left
}

.apps-app-combo .find-apps .form-group {
	position: relative;
	margin-bottom: 36px;
	width: 260px
}

.apps-app-combo .find-apps .form-group .icon-search {
	position: absolute;
	top: 10px;
	left: 12px
}

.apps-app-combo .find-apps .form-group input {
	box-shadow: none;
	padding-left: 32px;
	border-radius: 24px
}

.apps-app-combo .find-apps .apps .app-icon {
	width: 100px;
	height: 100px;
	border-radius: 22.7%
}

.apps-app-combo .find-apps .apps .pull-left {
	margin-right: 16px
}

.apps-app-combo .find-apps .apps .app {
	margin-bottom: 40px
}

.apps-app-combo .find-apps .apps .app .app-name {
	margin-bottom: 12px;
	font-size: 22px
}

.apps-app-combo .find-apps .apps .app .btn {
	min-width: 100px;
	border-radius: 30px
}

.apps-app-combo .find-apps .apps .app .short {
	color: #a9b1b3
}

.apps-app-combo .find-apps .apps .app p:last-child {
	padding-top: 12px;
	color: #979a9a
}

.apps-app-combo .hr-vertical {
	position: absolute;
	z-index: 12;
	width: 1px;
	height: 100%;
	background-color: #e0eaec
}

.apps-app-combo .request-wrapper .lead {
	margin-bottom: 80px;
	font-size: 18px
}

.apps-app-combo .request-wrapper table {
	margin: 0 auto;
	width: 400px
}

.apps-app-combo .request-wrapper table tr:first-child td span {
	display: inline-block;
	margin-bottom: 12px;
	font-size: 16px
}

.apps-app-combo .request-wrapper table td {
	padding: 0 15px;
	text-align: center
}

.apps-app-combo .request-wrapper table td img {
	width: 120px;
	height: 120px;
	border-radius: 17.54%
}

.apps-app-combo .request-wrapper table .actions {
	padding-top: 40px
}

.apps-app-combo .request-wrapper table .actions .btn {
	margin-bottom: 20px;
	min-width: 100px;
	border-radius: 30px
}

.apps-app-combo .request-wrapper table .actions .btn-link {
	color: #a9b1b3;
	text-decoration: none;
	border: 1px solid transparent;
	-webkit-transition: border-color .25s;
	transition: border-color .25s
}

.apps-app-combo .request-wrapper table .actions .btn-link:hover {
	border-color: #a9b1b3
}

.apps-app-combo .request-wrapper table i.icon-combo {
	font-size: 30px
}

.apps-app-combo .combo-loading-wrap {
	margin-bottom: 8px
}

.apps-app-combo .combo-loading-wrap>.icon {
	display: inline-block;
	-webkit-animation: rotating 1s linear infinite;
	animation: rotating 1s linear infinite
}

.apps-app-devices {
	padding-top: 45px
}

.apps-app-devices .devices-page-tips {
	position: relative;
	padding: 24px;
	border: 0;
	border-radius: 8px;
	background-color: #1E90FF;
	-webkit-transition: all .25s;
	transition: all .25s
}

.apps-app-devices .devices-page-tips ul {
	margin: 0;
	padding-left: 20px;
	color: #fff
}

.apps-app-devices .devices-page-tips ul li {
	line-height: 1.8
}

.apps-app-devices .devices-page-tips a {
	color: #fbe479;
	text-decoration: none;
	font-weight: 700
}

.apps-app-devices .devices-page-tips.ng-hide {
	opacity: 0
}

.apps-app-devices .devices-page-tips.ng-hide-remove.ng-hide-remove-active {
	opacity: 1
}

.apps-app-devices section {
	margin-bottom: 50px
}

.apps-app-devices section>h2 {
	margin-bottom: 30px;
	color: #505556;
	font-size: 20px
}

.apps-app-devices .udid-tips {
	margin-bottom: 20px
}

.apps-app-devices .udid-tips .icon-idea {
	margin-right: 12px;
	color: #1E90FF;
	font-size: 18px;
	cursor: pointer
}

.apps-app-devices table tbody tr td,.apps-app-devices table thead tr th {
	padding: 0 12px;
	height: 50px;
	vertical-align: middle
}

.apps-app-devices table .email {
	width: 200px
}

.apps-app-devices table .udid {
	width: 380px
}

.apps-app-devices table tbody tr td:last-child {
	font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

.apps-app-devices .table-cant-install {
	border-collapse: collapse;
	background-color: #91a1a7;
	box-shadow: 1px 0 0 0 #91a1a7
}

.apps-app-devices .table-cant-install thead tr th {
	padding-left: 18px;
	border-bottom: 0;
	color: #FFF;
	vertical-align: middle
}

.apps-app-devices .table-cant-install tbody td {
	padding-left: 18px;
	border-top: 0;
	border-bottom: 1px solid #91a1a7;
	background-color: #FFF;
	color: #a9b1b3;
	vertical-align: middle
}

.apps-app-devices .table-cant-install tbody tr td:first-child {
	border-left: 1px solid #91a1a7
}

.apps-app-devices .members-devices thead tr th {
	border-bottom: 0;
	color: #bdc6c7;
	font-weight: 400
}

.apps-app-devices .members-devices tbody tr td {
	color: #505556
}

.apps-app-integration {
	padding-top: 45px
}

.apps-app-integration .providers h2 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 80px
}

.apps-app-integration .providers h2:first-child {
	margin-top: 0
}

.apps-app-integration .providers .item {
	padding: 60px 0;
	overflow: hidden;
	border-bottom: 1px solid #bdc6c7
}

.apps-app-integration .providers .item:first-child {
	padding-top: 0
}

.apps-app-integration .providers .item.last {
	border-bottom: 0
}

.apps-app-integration .providers .logo {
	width: 300px;
	text-align: center
}

.apps-app-integration .providers .logo img {
	max-width: 180px;
	max-height: 100px
}

.apps-app-integration .providers .content {
	margin-left: 300px
}

.apps-app-integration .providers .content .label-badge {
	color: #bdc6c7;
	border: 1px solid #bdc6c7;
	border-radius: 28px;
	line-height: 24px;
	padding: 0 10px;
	min-width: 40px;
	font-size: 80%
}

.apps-app-integration .providers .configrations .input-group {
	margin-bottom: 12px;
	width: 100%
}

.apps-app-integration .providers .configrations .config-name {
	margin-left: 8px;
	margin-bottom: 8px;
	font-size: 80%;
	border-radius: 28px;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	font-weight: 400;
	line-height: 24px;
	padding: 0 10px;
	min-width: 40px;
	cursor: pointer
}

.apps-app-integration .providers .configrations .config-name:before {
	line-height: 18px
}

.apps-app-integration .providers .configrations .add-config {
	vertical-align: middle;
	display: inline-block;
	width: 26px;
	text-align: center;
	border-radius: 50%;
	line-height: 24px;
	text-decoration: none;
	margin-bottom: 8px
}

.apps-app-integration .providers .configrations .add-config .icon-plus {
	font-size: 80%;
	width: 26px;
	text-align: center;
	cursor: pointer
}

.apps-app-integration .providers .configrations .add-config:before {
	line-height: 18px
}

.apps-app-integration .providers .configrations .add-config,.apps-app-integration .providers .configrations .config-name {
	color: #bdc6c7;
	border: 1px solid #bdc6c7
}

.apps-app-integration .providers .configrations .add-config.active,.apps-app-integration .providers .configrations .add-config:hover,.apps-app-integration .providers .configrations .config-name.active,.apps-app-integration .providers .configrations .config-name:hover {
	color: #535353;
	border: 1px solid #535353
}

.apps-app-integration .providers .split {
	padding: 0
}

.apps-app-integration .providers .split hr {
	margin: 60px 0
}

.apps-app-integration .providers .actions {
	display: block;
	margin-top: 25px;
	color: #505556;
	text-decoration: none;
	cursor: pointer
}

.apps-app-integration .providers .actions i,.apps-app-integration .providers .actions span {
	display: inline-block;
	vertical-align: middle
}

.apps-app-integration .providers .actions span {
	font-size: 16px
}

.apps-app-integration .providers .actions i {
	margin-right: 6px;
	font-size: 80%;
	border: 1px solid #505556;
	border-radius: 50%;
	padding: 6px
}

.apps-app-integration .providers .actions .btn {
	min-width: 100px
}

.apps-app-integration .providers form {
	margin-top: 25px;
	font-size: 0
}

.apps-app-integration .providers form .form-control {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
	font-size: 14px
}

.apps-app-integration .providers form .config-name {
	width: 180px
}

.apps-app-integration .providers form .config-url {
	width: 280px
}

.apps-app-integration .providers form .btn {
	display: inline-block;
	min-width: 100px;
	height: 34px;
	vertical-align: middle;
	border-radius: 30px
}

.apps-app-integration .providers form .btn[disabled] {
	cursor: not-allowed;
	opacity: .5
}

.apps-app-integration .providers form .btn-link {
	margin-left: 10px;
	padding: 0;
	text-decoration: none;
	color: #bdc6c7;
	min-width: 0
}

.apps-app-integration .providers form .btn-link i {
	border-radius: 50%;
	margin-left: 1px;
	width: 32px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	line-height: 32px;
	-webkit-transition: all .4s;
	transition: all .4s
}

.apps-app-integration .providers form .btn-link:hover i {
	background-color: #ec4242;
	color: #FFF
}

.apps-app-integration .providers form .url-invalid-tips {
	font-size: 12px;
	margin-top: 12px;
	position: absolute;
	color: #1E90FF
}

.invitation-app-info .field label {
	position: static;
	margin: 0;
	-webkit-transform: none;
	transform: none
}

.invitation-container {
	width: 960px;
	margin: 0 auto
}

.invitation-container form h3 {
	margin: 60px 0 40px;
	font-weight: 400
}

.invitation-container form button {
	border-radius: 40px;
	min-width: 120px;
	margin: 20px 10px 0
}

.invitation-app-info {
	padding-top: 120px;
	height: auto;
	text-align: center
}

.invitation-app-info [app-icon] {
	border-radius: 17.54%
}

.invitation-container {
	padding-top: 0
}

.full-screen,.pop-up-layer,.pop-up-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.pop-up-mask {
	z-index: 998;
	-webkit-transition: .3s linear all;
	transition: .3s linear all;
	background-color: rgba(0,0,0,.5)
}

.pop-up-mask.ng-hide {
	background-color: transparent
}

.pop-up-mask.ng-hide-add {
	background-color: rgba(0,0,0,.5)
}

.pop-up-mask.ng-hide-add.ng-hide-add-active,.pop-up-mask.ng-hide-remove {
	background-color: transparent
}

.pop-up-mask.ng-hide-remove.ng-hide-remove-active {
	background-color: rgba(0,0,0,.5)
}

.pop-up-mask.notice,.pop-up-mask.notice.ng-hide-add {
	background-color: rgba(255,255,255,.9)
}

.pop-up-mask.notice.ng-hide-add.ng-hide-add-active,.pop-up-mask.notice.ng-hide-remove {
	background-color: transparent
}

.pop-up-mask.notice.ng-hide-remove.ng-hide-remove-active {
	background-color: rgba(255,255,255,.9)
}

.pop-up-mask.invitation.ng-hide-add {
	background-color: rgba(0,0,0,.5)
}

.pop-up-mask.invitation.ng-hide-add.ng-hide-add-active,.pop-up-mask.invitation.ng-hide-remove {
	background-color: transparent
}

.pop-up-mask.invitation.ng-hide-remove.ng-hide-remove-active {
	background-color: rgba(0,0,0,.5)
}

.pop-up-layer {
	z-index: 21000;
	cursor: default;
	-webkit-transition: top .5s;
	transition: top .5s
}

.pop-up-layer .icon-cross {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer
}

.pop-up-layer .rounded {
	height: 60px;
	border-radius: 40px
}

.pop-up-layer .data-table {
	width: 100%;
	position: relative
}

.pop-up-layer .data-table .data-tr {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #9b9b9b;
	padding: 20px 0
}

.pop-up-layer .data-table .data-tr:last-child {
	border-bottom: 0 none
}

.pop-up-layer .data-table .data-tr .data-td {
	vertical-align: middle
}

.pop-up-layer .data-table .data-tr .data-td.empty-text {
	text-align: center
}

.pop-up-layer .apitoken-win,.pop-up-layer .invitation-win {
	position: relative;
	width: 620px;
	height: 350px;
	background: #1E90FF;
	box-shadow: 0 0 8px 4px rgba(73,73,73,.3);
	border-radius: 10px;
	left: 50%;
	top: 50%;
	margin-left: -310px;
	margin-top: -175px
}

.pop-up-layer .apitoken-win .icon-cross,.pop-up-layer .invitation-win .icon-cross {
	color: #fff;
	top: 18px;
	right: 18px
}

.pop-up-layer .apitoken-win .icon-cross:hover,.pop-up-layer .invitation-win .icon-cross:hover {
	color: #ccc
}

.pop-up-layer .apitoken-win .apitoken-title {
	color: #fff;
	font-size: 32px;
	line-height: 38px;
	margin: 0 0 0 80px;
	padding-top: 30px
}

.pop-up-layer .apitoken-win .apitoken-desc {
	font-size: 14px;
	color: #f1f2f3;
	line-height: 16px;
	margin-left: 83px;
	margin-top: 34px;
	width: 390px;
	height: 32px
}

.pop-up-layer .apitoken-win .apitoken-action {
	margin-top: 50px;
	display: table;
	width: 100%
}

.pop-up-layer .apitoken-win .apitoken-action .apitoken-build {
	display: block;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	line-height: 60px;
	margin: 0 auto;
	font-size: 18px;
	width: 240px;
	text-decoration: none
}

.pop-up-layer .apitoken-win .apitoken-action .apitoken-build:hover {
	color: #ccc;
	border-color: #ccc;
	box-shadow: 0 0 10px 2px rgba(204,204,204,.3)
}

.pop-up-layer .apitoken-win .apitoken-action .apitoken-rebuild .apitoken {
	display: inline-block;
	width: 390px;
	background: rgba(255,255,255,.3);
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 60px;
	vertical-align: middle;
	margin-left: 80px
}

.pop-up-layer .apitoken-win .apitoken-action .apitoken-rebuild .rebuild-button {
	margin-left: 20px;
	font-size: 14px;
	color: rgba(239,239,239,.78);
	line-height: 14px;
	text-decoration: none
}

.pop-up-layer .notice-win {
	position: relative;
	width: 740px;
	height: 100%;
	padding: 130px 0 120px;
	margin: 0 auto
}

.pop-up-layer .notice-win .icon-cross {
	font-size: 30px;
	color: #9b9b9b;
	top: 60px;
	right: 0
}

.pop-up-layer .notice-win .icon-cross:hover {
	color: #686868
}

.pop-up-layer .notice-win .nav-notice {
	position: absolute;
	top: 65px
}

.pop-up-layer .notice-win .nav-notice li {
	margin-right: 68px
}

.pop-up-layer .notice-win .nav-notice li a {
	font-size: 24px;
	color: rgba(155,155,155,.6);
	line-height: 25px;
	padding: 0;
	background: 0 0 !important
}

.pop-up-layer .notice-win .nav-notice li a:hover,.pop-up-layer .notice-win .nav-notice li.active a {
	color: #000
}

.pop-up-layer .notice-win .data-notice {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 20px
}

.pop-up-layer .notice-win .data-notice .app-desc,.pop-up-layer .notice-win .data-notice .app-icon,.pop-up-layer .notice-win .data-notice .message-desc,.pop-up-layer .notice-win .data-notice .notice-action {
	display: inline-block
}

.pop-up-layer .notice-win .data-notice .app-icon {
	padding: 0 14px 0 20px;
	width: 80px;
	vertical-align: top
}

.pop-up-layer .notice-win .data-notice .app-icon img {
	width: 46px;
	height: 46px
}

.pop-up-layer .notice-win .data-notice .app-desc {
	padding: 0 10px;
	width: calc(100% - 80px - 240px);
	overflow: auto
}

.pop-up-layer .notice-win .data-notice .app-desc p {
	margin: 0;
	padding: 0
}

.pop-up-layer .notice-win .data-notice .app-desc p a {
	text-decoration: none;
	color: #9b9b9b;
	cursor: default
}

.pop-up-layer .notice-win .data-notice .app-desc p.notice-content {
	font-size: 18px
}

.pop-up-layer .notice-win .data-notice .app-desc p.notice-date {
	font-size: 14px
}

.pop-up-layer .notice-win .data-notice .message-desc {
	width: calc(100% - 80px - 140px);
	color: #555;
	overflow: auto
}

.pop-up-layer .notice-win .data-notice .message-desc~.notice-action {
	width: 120px
}

.pop-up-layer .notice-win .data-notice .message-desc h1,.pop-up-layer .notice-win .data-notice .message-desc h2,.pop-up-layer .notice-win .data-notice .message-desc h3,.pop-up-layer .notice-win .data-notice .message-desc h4,.pop-up-layer .notice-win .data-notice .message-desc h5,.pop-up-layer .notice-win .data-notice .message-desc h6 {
	margin: 0
}

.pop-up-layer .notice-win .data-notice .message-desc a {
	text-decoration: none;
	color: #333
}

.pop-up-layer .notice-win .data-notice .notice-action {
	width: 220px;
	padding: 0 10px 0 4px;
	text-align: right;
	vertical-align: top
}

.pop-up-layer .notice-win .data-notice .notice-action a {
	font-size: 16px;
	line-height: 30px;
	border-radius: 30px;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0 14px;
	display: inline-block;
	border: 1px solid transparent
}

.pop-up-layer .notice-win .data-notice .notice-action a.btn-accepted {
	background: #1E90FF;
	border-color: #1E90FF;
	color: #fff
}

.dialog,.show-default-navbar {
	background-color: #fff
}

.pop-up-layer .notice-win .data-notice .notice-action a.btn-accepted:hover {
	border-color: #fbd66e
}

.pop-up-layer .notice-win .data-notice .notice-action a.btn-refuse {
	color: #9b9b9b
}

.pop-up-layer .notice-win .data-notice .notice-action a.btn-refuse:hover {
	color: #686868
}

.pop-up-layer .notice-win .data-notice .data-tr.unread .app-desc p>a {
	color: #1E90FF;
	cursor: pointer
}

.pop-up-layer .invitation-win .invitation-title {
	color: #fff;
	font-size: 28px;
	line-height: 28px;
	margin: 0;
	padding-top: 30px;
	text-align: center
}

.pop-up-layer .invitation-win .invitation-body {
	width: 100%;
	padding: 10px;
	font-size: 24px
}

.pop-up-layer .invitation-win .invitation-body .invitation-content {
	padding-top: 30px;
	color: #fff;
	text-align: center
}

.pop-up-layer .invitation-win .invitation-body .invitation-content .app-icon {
	padding-top: 30px
}

.pop-up-layer .invitation-win .invitation-body .invitation-action {
	text-align: center;
	padding: 10px 0 30px
}

.pop-up-layer .invitation-win .invitation-body .invitation-action .btn-accepted,.pop-up-layer .invitation-win .invitation-body .invitation-action .btn-refuse {
	margin: 0 30px
}

.pop-up-layer .notice-phone-win {
	position: relative;
	width: 600px;
	height: 200px;
	background: #fff;
	box-shadow: 0 0 8px 4px rgba(73,73,73,.3);
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -100px;
	padding: 16px 48px;
	color: #333
}

.pop-up-layer .notice-phone-win .title {
	padding: 16px 0 0;
	margin: 0
}

.pop-up-layer .notice-phone-win .desc {
	font-size: 14px;
	padding: 16px 0;
	margin-bottom: 16px;
	color: #9b9b9b
}

.pop-up-layer .notice-phone-win .actions {
	text-align: right
}

.pop-up-layer.ng-enter {
	top: -100%
}

.pop-up-layer.ng-enter-active,.pop-up-layer.ng-leave {
	top: 0
}

.pop-up-layer.ng-leave-active {
	top: -100%
}

.navbar-wrapper .avatar-dropdown {
	position: relative;
	z-index: 2
}

.navbar-wrapper .thanksgiving {
	float: right;
	height: 80px;
	cursor: pointer
}

.navbar-wrapper .thanksgiving:before {
	content: ' ';
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle
}

.navbar-wrapper .thanksgiving .icon {
	font-size: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

.navbar-wrapper .thanksgiving .desc {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1
}

.navbar-wrapper .thanksgiving.active .icon,.navbar-wrapper .thanksgiving:hover .icon {
	color: #f6a623
}

.navbar-wrapper .thanksgiving.active .desc,.navbar-wrapper .thanksgiving:hover .desc {
	color: #303235
}

.emergency-message {
	padding: 28px;
	border: 1px solid;
	border-radius: 17.54px;
	margin-bottom: 40px
}

.emergency-message h3 {
	margin-top: 0
}

.emergency-message p {
	margin-bottom: 6px
}

.icon-message {
	display: block;
	float: right;
	margin-right: 180px;
	margin-top: -60px;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	background-size: 100%;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	font-size: 36px;
	color: #facf55
}

.icon-message.ease-out {
	opacity: 1
}

input[type=file][ngf-select=true] {
	display: none
}

body .christmas-icon {
	height: 50px;
	float: right;
	margin-right: 220px;
	margin-top: -66px;
	cursor: default;
	-webkit-transition: all .5s;
	transition: all .5s
}

body .christmas-icon img {
	height: 100%;
	border: 0
}

body .christmas-icon.float-right {
	margin-right: 160px
}

#intercom-container {
	display: none !important
}

.navbar-black {
	display: none
}

.show-default-navbar .navbar-black {
	display: block;
	position: relative;
	opacity: 1
}

.dialog {
	border-radius: 4px;
	width: 75%;
	max-width: 768px;
	position: absolute;
	padding: 32px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.dialog .close {
	position: absolute;
	top: 8px;
	right: 8px
}

@keyframes rotating {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}